/****************************************************************************************
Copyright (c) 2011 Elanco Animal Health.
This software is the confidential and proprietary information of Elanco Animal Health, a division of Eli Lilly and Company. ("Confidential Information"). You shall not disclose such Confidential Information and shall use it only in accordance with the terms of the license agreement you entered into with Elanco Animal Health.
VERSION 1.0
AUTHOR Travis Moser
DATE 		NAME 			DESCRIPTON
11/11/2011	Travis Moser	Creation
12/02/2011	Ben Rondot		Coming Soon page styles
12/02/2011	Ben Rondot		Add ".tout .logoMiddle". This is used on "/products-services/swine/full-value-pigs-insights.aspx" used on the FVP image in the right hand touts.
07/16/2012	Ben Rondot		Rep locator results
****************************************************************************************/
/******************************************
* desktop specific styling
*******************************************/
/* screen size detection */
#lt768 {
	display: none;
}
#gtet768 {
	display: block;
}
body {
	font-size: 11px;
}
#tooltip {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #FFFFFF;
    opacity: 0.8;
    padding: 5px 10px;
    text-align: center;
    width: 180px;
    z-index: 1000;
}
/* topNav */
.topNav .icon {
	float: right;
	margin-right: 32px;
  /*padding: 0;*/
}
.ie7 .topNav .icon {
	width: 130px;
}
.topNav .icon + .icon {
	border-top: 0 none;
}
.topNav .globalIcon {
	margin-right: 0;
}
.topNav a {
	float: right;
	text-decoration: none;
	padding-left: 34px;
	background-position: 10px top;
}
.topNav a:hover {
	text-decoration: underline;
}
.topNav .globalIcon a {
    background-position: 10px top;
}
.topNav .affiliateIcon {
	padding: 0 8px 0 24px;
	background-position: left top;
}
.ie7 .topNav .affiliateIcon {
	width: 98px;
}
.productFinder .pfForm {
	left: 0;
	width: 260px;
}
/* header */
div.search {
	position: absolute;
	top: 26px;
	right: 0;
}
header.primary {
	position: relative;
	z-index: 600;
}
header.primary h1 {
	float: left;
	width: 12.1875%; /* 117px / 960px */
	margin: 0 0.625% 0 0; /* 6px / 960px */
}
header nav.primary {
	float: left;
	position: relative;
	width: 87.1875%; /* 837px / 960px */
	font-size: 100%; /* 11px */
	line-height: 12px;
}
header nav.primary ul {
	float: left;
	margin: 20px 0 0;
}
header nav.primary li {
	float: left;
	padding: 10px 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; 
/*	behavior: url('/global/img/pie.htc'); /* IE 6-9 */
}
header nav.primary li,
.ie7 header nav.primary li,
header nav.primary li + li {
	border-top: 0;
}
.ie7 header nav.primary li a,
header nav.primary li + li a {
	border-left: 1px solid #000;
}
.ie7 header nav.primary li + li a,
.ie8 header nav.primary li + li a {
	border-left: 0 none;
}
header nav.primary li a {
	padding: 0 .95em;
	text-decoration: none;
}
header nav.primary .noChild a:hover {
	color: #2461aa;
}
header nav.primary li.parent {
	behavior: url('/global/img/pie.htc'); /* IE 6-9 */
}
header nav.primary li.parent:hover {
	background: #d8e4f2;
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	box-shadow:3px 3px 3px rgba(0,0,0,0.6);
}
header nav.primary li.parent:hover a {
	color: #2461aa;
	border-color: #d8e4f2;
}
header nav.primary li ul {
	display: block;
	position: absolute;
	top: 32px;
	left: -999em;
	width: 92.95101553166069%; /* 778px / 837px */
	padding: 10px 2.44498777506112%; /* 20px / 818px */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #d8e4f4;
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	behavior: url('/global/img/pie.htc'); /* IE 6-9 */
}
header nav.primary li:hover ul,
header nav.primary .sfHover ul {
	left: 0;
	behavior: url('/global/img/pie.htc'); /* IE 6-9 */
}
html.ie6 header nav.primary .sfHover ul {
	width:820px;
}
header nav.primary li ul li {
	clear: left;
	width: 25.06426735218509%; /* 195px / 778px (1px smaller than it should be to allow room for 2px border between */
	padding: 0;
	margin: 5px 0;
	font-size: 91.66666666666667%; /* 11px / 12px */
	line-height: 127.2727272727273%; /* 14px / 11px */
	border: 0 none;
}
header nav.primary li.parent:hover a {
	color: #000;
}
header nav.primary li ul li a {
	display: block;
	padding: 0 5.12820512820513%; /* 10px / 195px */
	border: 0;
	background: url('/global/img/bullet.png') no-repeat left center;
}
header nav.primary li:hover ul li a:hover,
header nav.primary li ul li a:hover {
	color: #2461aa;
}
header nav.primary li ul li.copyBox {
	float: right;	
	clear: right;
	width: 70.05141388174807%; /* 545px / 778px */
	padding-left: 3.2133676092545%; /* 25px / 778px */
	border-left: 2px dotted #2461aa;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; 
}
header nav.primary li ul li.copyBox strong {
	color: #2461aa;
}
header nav.primary li ul li.copyBox .imageLeft {
	float: left;
	width: 43.91217564870259%; /* 220px / 501px */
	margin-right: 2.39520958083832%; /* 12px / 501px */
	margin-bottom: 6px;
}
header nav.primary li ul li.copyBox .imageLeft img {
	display: block;
	width: 100%;
}
header nav.primary li ul li.copyBox .images6,
header nav.primary li ul li.copyBox .images5,
header nav.primary li ul li.copyBox .images4,
header nav.primary li ul li.copyBox .images3 {
	margin-bottom: 6px;
}
header nav.primary li ul li.copyBox .images6 img {
	float: left;
	width: 13.39449541284404%; /* 73px / 545px */
}
header nav.primary li ul li.copyBox .images5 img {
	float: left;
	width: 16.88073394495413%; /* 92px / 545px */
}
header nav.primary li ul li.copyBox .images6 img + img,
header nav.primary li ul li.copyBox .images5 img + img {
	margin-left: 3.85321100917431%; /* 21px / 545px */
}
.ie7 header nav.primary li ul li.copyBox .images6 img,
.ie7 header nav.primary li ul li.copyBox .images5 img {
	margin-left: 0;
	margin-right: 2.93577981651376%; /* 16px / 545px */
}
header nav.primary li ul li.copyBox .images4 img {
	float: left;
	width: 20.73394495412844%; /* 113px / 545px */
}
header nav.primary li ul li.copyBox .images3 img {
	float: left;
	width: 29.54128440366972%; /* 161px / 545px */
}
header nav.primary li ul li.copyBox .images4 img + img,
header nav.primary li ul li.copyBox .images3 img + img {
	margin-left: 5.5045871559633%; /* 30px / 545px */
}
.ie7 header nav.primary li ul li.copyBox .images4 img,
.ie7 header nav.primary li ul li.copyBox .images3 img {
	margin-left: 0;
	margin-right: 3.6697247706422%; /* 20px / 545px */
}
header nav.primary li ul li.copyBox .copy {
	-moz-column-count: 2;
	-moz-column-gap: 3.6697247706422%; /* 20px / 545px */
	-webkit-column-count: 2;
	-webkit-column-gap: 3.6697247706422%; /* 20px / 545px */
	column-count: 2;
	column-gap: 3.6697247706422%; /* 20px / 545px */
}
header nav.primary li ul li.copyBox .noCol {
	-moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	column-count: 1;
	column-gap: 0;
}
header nav.primary li ul li.copyBox .copy p {
	margin-bottom: 0;
}
header nav.primary li ul .header {
	margin: 0 0 6px;
	font-size: 127.2727272727273%; /* 14px / 11px */
	line-height: 1em;
	font-weight: bold;
	color: #2461aa;
}
/* footer */
.botNav section {
	float: left;
	width: 19.87%; /* allow room for borders */
	min-height: 235px;
}
.botNav section + section {
	border-left: 1px solid #D8E4F2;
}
.botNav a {
	text-decoration: none;
	background-position: left 8px;
}
.botNav a:hover {
	text-decoration: underline;
}
.botNav ul {
	padding-bottom: 0;
}
.botNav ul + ul {
	padding-top: 0;
}
footer.primary small {
	float: left;
}
footer.primary a {
	text-decoration: none;
}
footer.primary a:hover {
	text-decoration: underline;
}
.build {
    float:right;
}
/* main */
.featuredProducts .pager {
	font-size: 100%; /* 11px */	
}
.pageHeader {
	padding-top: 5px;
}
.share {
	float: right;
}
.main {
	float: right;
	width: 81.04166666666667%; /* 778px / 960px */
}
.mainC {
	float: none;
	width: 100%; /* 960px */
}
.main .mainB {
	float: left;
	width: 65.16709511568123%; /* 507px / 778px */
}
.main .featured img {
	width: 100%;
}
.mosaicSpacer {
	display: block;
}
html.ie6 .mosaicSpacer {
	display:none;
}
.mosaic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
html.ie6 .mosaic {
	position:relative;
}
.mosaic .col1,
.mosaic .col2,
.mosaic .col3 {
	float: left;
}
.mosaic .col1 {
	width: 32.77634961439589%; /* 255px / 778px */
	margin-right: 1.2853470437018%; /* 10px / 778px */
	margin-bottom: 0;
}
.mosaic .col2 {
	width: 33.03341902313625%; /* 257px / 778px */
	margin-right: 1.2853470437018%; /* 10px / 778px */
	margin-bottom: 0;
}
.mosaic .col3 {
	width: 31.36246786632391%; /* 244px / 778px */
}
.mosaic a {
	font-size: 0.8181818181818182em; /* 9px / 11px */
}
.mosaic .text b {
    height: 84px;
}
.mosaic .a1 .text b,
.mosaic .b2 .text b,
.mosaic .a3 .text b {
	height: 106px;
}
.mainA .copyMain {
	float: left;
	width: 65.16709511568123%; /* 507px / 778px */
}
.mainB .copyMain {
	float: none;
	width: 100%; /* 511px */
}
.mainC .copyMain {
	float: left;
	width: 69.89583333333333%; /* 671px / 960px */
	padding-right: 2.29166666666667%; /* 22px / 960px */
	border-right: 1px dotted #2461aa;
}
.copyMain .copyMainTout {
	float: right;
	width: 50%;
	margin: 0 0 0 10px;
}
.copyMain figure {
	width: 29.14653784219002%; /* 181px / 621px */
}
.figRight {
	float: right;
	margin-left: 2.89855072463768%; /* 18px / 621px */
	margin-bottom: 0;
}
.figLeft {
	float: left;
	margin-right: 2.89855072463768%; /* 18px / 621px */
	margin-bottom: 0;
}
.figCenter{
	display: block;
	margin: 10px auto;
}
.seventyfive{ /* Added to oversized content images. Currently added to: Content/images/weight-at-nursery-exit.png */
	width: 75%;
}
.textLeft {
	float: left;
}
.imgTable3 img {
	float: left;
	width: 29.58579881656805%; /* 150px / 507px */
}
.imgTable3 img + img {
	margin-left: 5.52268244575937%; /* 28px / 507px */
}
.leftBorder {
	padding-left: 2.89855072463768%; /* 18px / 621px */
	border-left: 1px solid #000;
}
.js .mobileVideo {
	display: none;
}
.video video {
	width: 640px;
	height: auto;
}
.fancyboxLink,
.fancyboxLinkFull {
	display: block;
}
#fancybox-outer {
	background: 0 none;
}
.col1 {
	float: left;
	width: 48.284625158831%; /* 380px / 787px */
	margin-right: 2.16010165184244%; /* 17px / 787px */
}
.col2 {
	float: left;
	width: 48.284625158831%; /* 380px / 787px */
}
/* product tools */
.productTable .tool {
	float:left;
	width:20.9%;
}
/* timeline */
.js .timeline {
	position: relative;
	width: 90.11857707509881%; /* 456px / 506px */
	padding: 0 4.94071146245059%; /* 25px / 506px */
}
.js .timeline .previous,
.js .timeline .next {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 4.94071146245059%; /* 25px / 506px */
	height: 400px;
	background: #2461aa;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px; 
	behavior: url('/global/img/pie.htc'); /* IE 6-9 */
}
.js .timeline .next {
	left: auto;
	right: 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0; 
	behavior: url('/global/img/pie.htc'); /* IE 6-9 */
}
.js .timeline .previous a,
.js .timeline .next a {
	display: block;
	width: 76%; /* 19px / 25px */
	height: 100%;
	padding: 750% 12% 0; /* 165px / 25px */
	outline: 0;
}
.js .timeline .previous img,
.js .timeline .next img {
	display: block;
}
.js .timeline .eventsClip {
	width: 100%; /* 456px */
	height: 400px;
	overflow: hidden;
	position: relative;
}
.js .timeline .events {
	position: relative;
	width: 1096.491228070175%; /* 5000px / 456px */
	margin-left: 1.53508771929825%; /* 7px / 456px */
}
.js .timeline .event {
	float: left;
	width: 2.28%; /* 114px / 5000px */
	height: 400px;
	margin-bottom: 0;
}
.js .timeline .event .img {
	margin: 10px 0 10px 0;
}
.timeline .event .img img {
	display: block;
}
.productSlideshow .products li {
	width: 42.15686274509804%; /* 86px / 204px */
	margin-right: 3.92156862745098%; /* 8px / 204px */
}
.productSlideshow .products li a {
	padding: 15px 0 0;
}
.productSlideshow .image {
	float: left;
	width: 36.10108303249097%; /* 100px / 277px */
	min-height: 165px;
	border-right: 1px solid #c7d8ed;
}
.productSlideshow .links {
	float: left;
	width: 50.54151624548736%; /* 140px / 277px */
}
.productSlideshow .links li {
	margin: 0 0 5px 10.71428571428571%; /* 15px / 140px */
}
/* sidebar */
.sidebar {
	float: left;
	width: 15.625%; /* 150px / 960px */
	margin-top: 60px;
}
.sidebar nav a {
	text-decoration: none;
}
.sidebar nav a:hover {
	text-decoration: underline;
}
/* touts */
.main .touts {
	float: right;
	width: 30.71979434447301%; /* 239px / 778px */
}
.mainC .touts {
	width: 24.89583333333333%; /* 239px / 960px */
}
.tout .logoLeft {
	float: left;
	width: 48.03493449781659%; /* 110px / 229px */
	padding: 10px 0;
	margin-right: 4%; /* 10px / 229px less to account for border */
	border-right: 1px solid #c7d8ed;
}
.tout .logoMiddle { /* Used on "full-value-pigs-insights.aspx" full value pigs image "*/
	float: none;
	/*width: 48.03493449781659%;  110px / 229px */
	padding:  0;
	/*margin-right: 4%;  10px / 229px less to account for border */
	margin: 0 0 0 35px;
	border: none;
}
.tout .productLinks {
	float: left;
	width: 44.76987447698745%; /* 109px / 229px */
}
.tout .logoLeftNoBord {
	float: left;
	width: 48.03493449781659%; /* 110px / 229px */
	margin-right: 4%; /* 10px / 229px less to account for border */
}
.tout .productLinks {
	float: left;
	width: 44.76987447698745%; /* 109px / 229px */
}
/* home */
.no-touch .featuredHome .pager a {
	width: 14px;
	height: 14px;
	margin-left: 1px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
	behavior: url('/global/img/pie.htc'); /* IE 6-9 */
	font-size: 11px;
	line-height: 14px;
}
.homeContent {
	float: left;
	width: 69.89583333333333%; /* 671px / 960px */
	padding-right: 1.97916666666667%; /* 19px / 960px */
	border-right: 2px dotted #2461aa;
	padding-bottom: 0;
	border-bottom: 0 none;
}
.homeContent .copyMainHome {
	float: left;
	width: 73.02533532041729%; /* 490px / 671px */
	margin-right: 2.38450074515648%; /* 16px / 671px */
}
.homeContent figure {
	float: left;
	width: 24.59016393442623%; /* 165px / 671px */
}
.homeTouts {
	float: right;
	width: 26.04166666666667%; /* 250px / 960px */
}
.ie7 .featuredProducts .pager li .img img {
	min-width: 81px;
}
/*********************** Coming soon landing page (If the site does not launch in 2011) ***********************/
/* "New website coming soon" tout */
.CSsidebar { 
    float: left;
    width: 23.125%; /* 222 / 960 */
}
.CSsidebar .sidebarTouts {
    margin-top: 0;
}
.CSsidebar .sidebarTouts .tout {
	border-right: 1px dashed #2461AA; /* blue */
	border-left: none;
	border-top: none;
	border-bottom: none;
    border-radius: 0;
    
	font-size: 100%;
    line-height: 1.231em;
    
	margin-right: 0;
    margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-right: 4.5045045045045045%; /* 10 / 222 */
}
.CSsidebar .sidebarTouts .tout h1 {
    color: #df3316;
    font-size: 1.3em;
    line-height: 1.25em;
    margin: 5px 0 5px 0;
	padding:0;
}
.CSsidebar .sidebarTouts p {
    padding: 0;
    margin: 0;
}
/**/
/* Main content tout */
.CShomeContent {
    float: left;
    width: 49.0%/*51.875%*/; /* 498 / 960 */
	border-right: 1px dashed #2461AA; /* blue */
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: /*2.00803212851406%*/1.5%; /* 10 / 498 */
	
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-right: /*2.00803212851406%*/0%; /* 10 / 498 */
}
.CShomeContent .copyMainHome {
    float: left;
    margin/*-right*/: /*2.770833333333333%*/; /* 266 / 960 */
    width: /*53.4136546184739%*/57%; /* 266 / 498 */
}
.CShomeContent h1 {
    color: #2461AA;
    font-size: 127.273%;
    margin: 5px 0 5px 0;
}
.CShomeContent p {
    padding: 0;
    margin: 0 0 5px 0;
}
.CShomeContent figure {
    float: right;
    width: 37.95180722891566%; /* 189 / 498 */
	margin: 0 2.00803212851406% 0 0; /* 10 / 498 */
}
/* Video tout */
.CShomeTouts {
    float: right;
    width: 25.0%; /* 240 / 960 */
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: /*1.04166666666667%*/0; /* 10 / 960 */
	padding: 0;
}
.CShomeTouts .tout h1 {
    color: #2461AA;
    font-size: 1.09091em;
    line-height: 1.25em;
    margin: 5px 0 5px 0;
}
.CShomeTouts .tout {
    font-size: 90.9091%;
    line-height: 1.3em;
	margin: 0;
	padding: 0;
}
.CShomeTouts .tout h1 a {
    text-decoration: none;
}
/* Rep locator results */
.repResults{
	/*width: 80%;*/
}
.column{
	float: left;
	margin: 0 100px 0 0;
}
.column01{
	float: left;
	margin: 0;
}
.globalMap {
	margin-top: 0;
}
.globalMap .instructions {
	top: 55.11811023622047%; /* 210px / 381px */
	left: 0;
	width: 95px;
	padding-right: 20px;
	font-weight: bold;
	background: url('/global/img/bg-tout-nav.png') no-repeat right -200px;
}
/* home touts */
.toutsHome {
	position: relative;
	width: 85.52083333333333%; /* 821px / 960px */
	padding: 0 7.29166666666667% 0 7.1875%; /* 70px / 960px, 69px / 960px */
}
.toutsHome .indicators {
	display: block;
	position: absolute;
	top: 5px;
	right: 70px;
}
html.ie6 .toutsHome .indicators {
	display:none;
}
.toutsHome .indicators div {
	float: left;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	border: 1px solid #000;
	text-indent: -999em;
	direction: ltr;
	overflow: hidden;
	background: #fff;
}
.toutsHome .indicators div.current {
	background-color: #2461aa;
}
.toutsHome .leftNav, .toutsHome .rightNav {
	display: block;
	position: absolute;
	top: 27.56756756756757%; /* 51px / 185px */
	left: 2.91666666666667%; /* 28px / 960px */
}
html.ie6 .toutsHome .leftNav,
html.ie6 .toutsHome .rightNav {
	display:none;
}
.toutsHome .rightNav {
	left: auto;
	right: 2.91666666666667%; /* 28px / 960px */
}
.toutsHome .leftNav a, .toutsHome .rightNav a {
	display: block;
	width: 15px;
	height: 37px;
	text-indent: -999em;
	direction: ltr;
	overflow: hidden;
	background: url('/global/img/bg-tout-nav.png') no-repeat left top;
}
.toutsHome .leftNav a.current,
.toutsHome .rightNav a.current {
	cursor: default;
	background-position: left -400px;
}
.toutsHome .rightNav a {
	background-position: left -200px;
}
.toutsHome .rightNav a.current {
	background-position: left -800px;
}
.toutCarouselClip {
	width: 100%; /* 821px */
	overflow: hidden;
	position: relative;
}
.toutCarousel {
	position: relative;
	width: 243.605359317905%; /* 2000px / 821px */
}
.ie7 .toutsHome .tout,
.toutsHome .tout + .tout,
.toutsHome .tout {
	float: left;
	width: 8.95%; /* 179px / 2000px */
	padding: 0 0.9% 0 0; /* 18px / 2000px */
	margin: 0 0.85% 0 0; /* 17px / 2000px */
	line-height: 118.1818181818182%; /* 13px / 11px */
	background: url('/global/img/bg-home-tout.png') repeat-y right top;
}
.toutsHome a {
	text-decoration: none;
}
.toutsHome a:hover {
	text-decoration: underline;
}