@import "/_ui/libs/css/reset.css";

/*==================================*/
/*------- Site/General Layout ------*/
/*==================================*/

img.content {padding: 20px 0;}

body, html {
    background-color: #dad8d9;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    color: #666666;
    font-size: 15px;
}
body, body.fontSmall {
    font-size: 11px;
}
body.fontMedium {
    font-size: 13px;
}
body.fontLarge {
    font-size: 15px;
}
body.fontLarge .comparison.antibiotics table, 
body.fontMedium .comparison.antibiotics table {
    font-size: 13px;
}
body, html, #bg-wrap, #body-wrap {
    height: 100%;
}
#bg-wrap {
    width: 964px;
    margin: 0 auto;
    padding: 0 29px;
    background-image: url("/_ui/skin/img/body-bg-gradient.png");
    background-position: left top;
    background-repeat: repeat-y;
}
#bg-wrap-lining {
    background: #fff url("/_ui/skin/img/content-grad.png") scroll no-repeat left 125px;
    width: 964px;
    margin-left: -1px;
}
#body-wrap, #bg-wrap {
    min-height: 100%;
	height: auto !important;
}
#header {
    background-color: #000000;
    position: relative;
    width: 965px;
}
#header #logo {
    height: 97px;
    background: url("/_ui/skin/img/header-bg-right.jpg") bottom right no-repeat;
}
#header #logo img {
    float: left;
    margin: 0 0 0 34px;
}
#header #logo img.logo-florfenicol {
    margin-top: 40px;
}
#header #topnav {
    height: 30px;
    background-color: #c89a00;
}
/*
	Unfortunately the general purpose Intervet search object (MSISSearchResult) returns html content 
	tagged 'search'. To prevent the generated HTML input box to be pulled to the header the search 
	class defined here was specifically restricted to the header.
*/
#header #search {
    position: absolute;
    top: 38px;
    right: 18px;
    text-align: right;
    width: 240px;
}
#header #search input.text {
    width: 208px;
    height: 14px;
    float: left;
    font-size: 92% /*12px*/;
}
#header #search button {
    background: transparent url("/_ui/skin/img/btnSearch.gif") scroll no-repeat left top;
    height: 20px;
    width: 22px;
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
    vertical-align: top;
}
#header #search button:hover,
#header #search button.hover {
    background-position: left bottom;
}
#header #search button span {
    display: none;
}

#content-wrap { 
    /*background-image: url("/_ui/skin/img/content-bg.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #000000;*/
}
.mainContent {
    padding: 0 0 20px 20px;
}
.col.copy {
    width: 512px;
    padding: 33px 0 63px 63px;
}
hr 
{
    margin:0 0 10px 0;
}
#footer-wrap {
    position: relative;
	clear:both;
	overflow: hidden;
	background-color: #ffffff;
}

#footer-text
{
    padding:15px 15px 0;
}

#footer-links {
    padding: 2px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #666666;
	font-size: 10px;
}
#footer-links-lining {
    padding: 9px 17px 0px 9px;
    background-color: #e5e5e5;
    height: 21px;
}

#footer-links,
#footer-links a {
	color: #666666;
	font-size: 9px;
}

#footer-links ul {
    display: inline;
}
#footer-links ul li {
    display: block;
}
#footer-links ul li li {
    display: inline;
}
#footer-links ul li a {
	padding: 0 8px;
	background: transparent url("/_ui/skin/img/vbarSmGray.gif") scroll no-repeat right .5ex;
}
#footer-links ul li.last-child a {
	background-image: none;
}

/* EMAIL | PRINT | AAA */
#footer-controls {
    float: right;
    width: 180px;
    line-height: 1.5;
    font-size: 12px;
    color: #d7382b;
    position: relative;
    top: -5px;
}
#footer-controls .email {
    padding-left: 10px;
	background: transparent url("/_ui/skin/img/icoEmail.gif") scroll no-repeat left 3px;
}
#footer-controls .print {
    padding-left: 17px;
	background: transparent url("/_ui/skin/img/icoPrint.gif") scroll no-repeat 7px 0px;
}
#footer-controls .email a,
#footer-controls .print a {
    color: #d7382b;
    padding: 1px 10px 1px 8px;
	background: transparent url("/_ui/skin/img/vbarMdGray.gif") scroll no-repeat right .5ex;
}
#footer-controls .print a {
    margin-right: 4px;
}
#footer-controls a.font-sizer {
    text-decoration: underline;
    color: #d7382b;
}
#footer-controls a.font-sizer.active {
    text-decoration: none;
}
#footer-controls a.font-sizer:hover {
    text-decoration: none;
}
#footer-controls a.font-sizer.small {
    font-size: 10px;
}
#footer-controls a.font-sizer.medium {
    font-size: 12px;
}
#footer-controls a.font-sizer.large {
    font-size: 14px;
}

#footer-nav {}
#footer-nav ul li {
    display: inline;
}
#footer-nav img.logo {
    float: left;
    margin: 12px 0 22px 22px;
}
/* CLEAR FIX*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
* .clearfix {display: block;}
/* End hide from IE-mac */
.clear {
    clear: both;
}
.clear-min {
    clear: both;
    line-height: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

.spacer {height: 300px;}
/*==================================*/
/*-------------- Text --------------*/
/*==================================*/
.italic, em {font-style:italic;}
.bold {font-weight: bold;}
.red {color: #D30628;}
.h-rule {
    height: 5px;
    background: transparent url("/_ui/skin/img/header_border.gif") scroll left top repeat-x;
    margin: 0 0 20px -20px;
}
.smalltext{font-size: xx-small;}

h1, h2, h3, h4, h5 {font-weight: normal;}
h1 {font-size: 331% /*53px*/; color: #c99900; padding: 0 0 20px 0; font-weight: bold;}
h2 {font-size: 184% /*24px*/; padding:0 0 12px 0; font-family: Arial, Verdana, helvetica, Sans-Serif; color: #8b022a;}
h3 {font-size: 123% /*16px*/; padding:0; margin-bottom: 25px; font-weight: bold; line-height: 1.3em; color: #636363;}
h4, h5 {font-size: 108% /*14px*/; padding:0 0 9px 0;}

p, ul {padding:0 0 20px 0;}
#footer-copy p {padding: 0 0 10px 0;}

a {text-decoration: none; color: #a00230;}
a:hover {text-decoration: underline;}

#content-wrap ul li {list-style-type: disc; margin-left: 15px; padding-bottom: 2px;}

sup {font-size: x-small; vertical-align: 10px;}
sub {font-size: xx-small; vertical-align: -5px;}
sup.table {font-size: 75%; vertical-align: 5px;}
sub.table {font-size: 75%; vertical-align: -5px;}
sup.small {font-size: 85%; vertical-align: 5px;}
sub.small {font-size: 85%; vertical-align: -5px;}

/*==================================*/
/*-------------- Nav ---------------*/
/*==================================*/

/* Top Nav */
#topnav ul.AspNet-Menu {
    position: relative;
}
body.fontMedium #topnav ul.AspNet-Menu {
    top: 1px;
}
body.fontLarge #topnav ul.AspNet-Menu {
    top: -5px;
}
#topnav ul {
    padding: 0;
    font-weight: bold;
    display: inline;
}
#topnav ul li {
    padding: 6px 0 7px 0;
    display: block;
}
#topnav ul li li {
    display: inline;
    padding: 7px 0;
}
#topnav ul li a {
    padding: 8px 10px;
    height: 16px;
    font-size: 12px;
    color: #ffffff;
}
#topnav ul li a:hover {
    text-decoration: none;
    background-color: #dda904;
    height: 100%;
}
/* Footer Nav */
#footer-nav ul {
    float:left;
    padding: 25px 0 0 33px;
    font-weight: bold;
}
#footer-nav ul li a {
    padding: 7px 10px 0;
    height: 23px;
    color: #666666;
    font-size: 90%;
}

/* Breadcrumb */
#breadcrumb-wrap {
    border-bottom: 1px solid #cacaca;
    padding: 5px 0;
    margin: 0 20px;
}
#content-wrap #breadcrumb-wrap ul {
    margin: 0;
    padding: 0;
}
#content-wrap #breadcrumb-wrap ul li {
    list-style: none;
    display: inline;
    margin: 0 7px 0 0;
    font-size: 78% /*11px*/;
}
#content-wrap #breadcrumb-wrap ul li a {
    padding-right: 13px;
    color: #333;
    background: transparent url("/_ui/skin/img/raquo-gray.gif") scroll no-repeat right .85ex;
}
#content-wrap #breadcrumb-wrap ul li.active a {
    padding-right: 0;
    background-image: none;
}
/* Secondary Nav */
#colMain {
    float: left;
    width: 620px;
    padding: 20px 0 0 20px;
}
#colMain ul li,
#content-wrap #colMain ul li {
    list-style-image: none;
    list-style: none;
    margin-left: 38px;
    padding:0 0 5px 13px;
    background-image: url("/_ui/skin/img/raquo.gif");
    background-position: left .7ex;
    background-repeat: no-repeat;
}
#colMain ul.jumplist li,
#content-wrap #colMain ul.jumplist li {
    margin-left: 0;
}
#colRight {
    float: left;
    width: 285px;
    margin-left: 20px;
    padding: 20px 0;
}
#colRight #secondary-nav {
    background: #f9f9f9 url("/_ui/skin/img/secondaryNavBg.gif") scroll no-repeat top left;
}
#colRight #secondary-nav ul,
#colRight #secondary-nav li {
    list-style: none;
    padding: 0;
    margin: 0;
}
#colRight #secondary-nav li {
    padding: 2px;
}
#colRight #secondary-nav li a {
    background: transparent url("/_ui/skin/img/gradCalloutHeading.gif") scroll repeat-x top left;
    color: #fff;
    padding: 7px 0 7px 8px;
    font-size: 14px;
    display: block;
    cursor: default;
}
#colRight #secondary-nav li a:hover {
    text-decoration: none;
}
#colRight #secondary-nav li li a:hover {
    text-decoration: underline;
}
#colRight #secondary-nav li li {
    padding: 7px 0 7px 8px;
    border-style: solid;
    border-color: #d4d4d5;
    border-width: 1px 0 1px 0;
    margin-top: 2px;
}
#colRight #secondary-nav li li ul {
    display: none;
}
#colRight #secondary-nav li li.AspNet-Menu-Selected,
#colRight #secondary-nav li li.AspNet-Menu-ChildSelected {
    border-color: #bebebf;
    border-width: 1px;
    background: #efefef url("/_ui/skin/img/gradSecondaryNavBg.gif") scroll repeat-x left top;
}
#colRight #secondary-nav li li a {
    background-image: none;
    color: #a00230;
    font-size: 12px;
    padding-right: 12px;
    display: inline;
    cursor: pointer;
    background: transparent url("/_ui/skin/img/raquo.gif") scroll no-repeat right center;
}
/*==================================*/
/*------------ Buttons -------------*/
/*==================================*/
.btnMoreLink {
    display: -moz-inline-box;
    display: inline-block;
    padding: 5px;
    background: #fefefe url("/_ui/skin/img/gradBtn.gif") scroll repeat-x top left;
    border: 1px solid #ececec;
    text-decoration: none;
    margin-top: 10px;
}
.btnMoreLink:hover {
    text-decoration: none;
    border: 1px solid #dadada;
}
.moreLink,
.btnMoreLink span {
    padding-right: 12px;
    background: transparent url("/_ui/skin/img/raquo.gif") scroll no-repeat right .85ex;
}
/*==================================*/
/*------------ Tables --------------*/
/*==================================*/

#page-product-comparison {}
.comparison {
    background: transparent url("/_ui/skin/img/borderComparisonTable.gif") scroll no-repeat top left;
    padding:4px 0 20px 4px;
}
.comparison table {
    width: 98%;
}
.comparison table thead tr {
    background: #f9f2e5 url("/_ui/skin/img/gradTableHeadBg.gif") scroll repeat-x top left;
}
.comparison table tr {
    background-color: #f9f2e4;
    border: 1px solid #eddbb8;
}
.comparison table tr.odd {
    background-color: #f5e8cb;
}
.comparison table th,
.comparison table td {
    padding: 13px 5px 13px 5px;
    color: #636363;
    font-size: .8em;
}
.comparison.antibiotics table td {
    text-align:center;
}
.comparison.antibiotics table td.header {
    text-align: left;
}
.comparison.antibiotics table td.header.center {
    text-align: center;
}
.comparison.antibiotics table td.header.left {
    border-right: 1px solid #EDDBB8;
}
.comparison.risks table td {
    padding: 13px 5px 13px 15px;
}
.comparison table th.header,
.comparison table td.header {
    font-weight: bold;
    padding-left: 15px;
}
.comparison table td.header .small {
    font-size: .8em;
}
/*==================================*/
/*---------- Product Pages ---------*/
/*==================================*/
#page-product {}
#page-product p.intro,
#page-product ul.specs {
    font-size: .9em;
}
#page-product .intro-image {
    float: right;
    margin: 0 20px;
}
#page-product a.btnMoreLink {
    font-size: .8em;
}
#page-product .footer {
    margin-top: 20px;
}
#page-product .footer .col {
    float: left;
    width: 300px;
}
#page-product .footer .col .body {
    padding: 20px 100px 20px 20px;
    margin: 4px 0 5px 0;
    font-size: .8em;
    height: 80px;
}
#page-product .footer .col.col1 .body {
    background: transparent url("/_ui/skin/img/performanceChart.gif") scroll no-repeat 200px 20px;
}
#page-product .footer .col.col2 .body {
    background: transparent url("/_ui/skin/img/technicalChart.gif") scroll no-repeat 200px 20px;
}
#page-product .footer .col.col1 .body {
    border-right: 1px solid #efeff0;
}
#page-product .footer .col.col1 .hr {
    margin-right: 3px;
    height: 1px;
    border-top: 1px solid #efeff0;
}
#page-product .footer .col.col2 .hr {
    margin-left: 2px;
    height: 1px;
    border-top: 1px solid #efeff0;
}

#page-product-information {}
#page-product-information img.intro-image {
    float: right;
    width: 132px;
    margin: 0 30px 0 35px;
}
#page-product-information .body {
    margin-right: 200px;
    font-size: .9em;
    line-height: 1.4;
}
#page-product-information ul.specs {
    margin-left: 35px;
}

/*==================================*/
/*---------- Question Page ---------*/
/*==================================*/
#page-askquestion {}
#page-askquestion .questions {}
#page-askquestion .questions .question-wrap {
    border-color: #e1e1e1;
    border-width: 0 0 1px 0;
    border-style: solid;
    margin-bottom: 15px;    
    padding: 1px 1px 15px 1px;
}
#page-askquestion .questions .question-wrap .lining {
    padding: 3px;
}
#page-askquestion .questions .question-wrap.active .lining {
    background: transparent url("/_ui/skin/img/gradQuestionWrap.gif") scroll repeat-x top left;
}
#page-askquestion .questions .question-wrap.active {
    border-width: 1px;
    padding-bottom: 1px;
}
#page-askquestion .questions .question-wrap .question {
    padding: 10px 70px 10px 10px;
}
#page-askquestion .questions .question-wrap.active .question a {
    color: #fff;
    background: none;
}
#page-askquestion .questions .question-wrap .question a {
    text-decoration: none;
    background: transparent url("/_ui/skin/img/dotted_underline.gif") scroll left bottom repeat-x;
}
#page-askquestion .questions .question-wrap .question a:hover {
    text-decoration: none;
    border-bottom: 1px none;
}
#page-askquestion .questions .question-wrap .answer {
    display: none;
    background: #fff url("/_ui/skin/img/gradAnswerBg.gif") scroll no-repeat top left;
    width: 583px;
    padding: 10px 12px 20px 12px;
}


/*==================================*/
/*------------ Glossary ------------*/
/*==================================*/
#page-glossary {}
#page-glossary .glossary-index {
    font-size: .8em;
    margin-bottom: 20px;
}
#page-glossary .glossary-index a {
    text-decoration: underline;
}
#page-glossary .glossary-index a:hover {
    text-decoration: none;
}
#page-glossary .glossary-term {
    margin-bottom: 20px;
}
#page-glossary .glossary-term .term {
    float: left;
    clear: left;
    font-weight: bold;
    margin-right: 5px;
    color: #444;
}
#page-glossary .h-rule
{
    margin: 20px 0 20px -20px;
}
#page-glossary .glossary-term .definition {}

/*==================================*/
/*------------ Callouts ------------*/
/*==================================*/
.btnMoreLink {
    display: -moz-inline-box;
    display: inline-block;
    padding: 5px;
    background: #fefefe url("/_ui/skin/img/gradBtn.gif") scroll repeat-x top left;
    border: 1px solid #ececec;
    text-decoration: none;
    margin-top: 10px;
}
.btnMoreLink:hover {
    text-decoration: none;
    border: 1px solid #dadada;
}
.moreLink,
.btnMoreLink span {
    padding-right: 12px;
    background: transparent url("/_ui/skin/img/raquo.gif") scroll no-repeat right .85ex;
}
.callout {
    padding: 1px 0 10px;
    margin-top: 20px;
    border: 1px solid #c0c0c0;
}
.callout h3 {
    background: transparent url("/_ui/skin/img/gradCalloutHeading.gif") scroll repeat-x top left;
    margin: 2px 2px 15px 2px;
    color: #fff;
    padding: 7px 0 7px 8px;
    font-size: 14px;
}
.callout h3.twoline {
    background: transparent url("/_ui/skin/img/callouts/header_callout_twoline.jpg") scroll repeat-x top left;
    margin: 2px 2px 15px 2px;
    color: #fff;
    padding: 7px 0 7px 8px;
    font-size: 14px;
}
.callout img {
    float: right;
    padding-left: 5px;
}
.training-callout img
{
    margin-top:-20px;
}
.callout .quote,
.callout .meta,
.callout .btnMoreLink {
    margin-left: 10px;
    margin-right: 10px;
}
.callout.training-callout .meta
{
    margin-right:0;
}
/* Performance Data Callout */
.callout.performance-callout h3 {
    padding:9px 0 9px 8px;
    background: transparent url("/_ui/skin/img/callouts/header_callout_tips.jpg") scroll repeat-x top left;
}

/* Management Tips Callout */
.callout.tips-callout h3 {
    padding:9px 0 9px 8px;
    background: transparent url("/_ui/skin/img/callouts/header_callout_tips.jpg") scroll repeat-x top left;
}
.callout.tips-callout img {
    padding: 0;
    margin-top: -52px;
    margin-bottom: -44px;
    float: none;
}
.callout.tips-callout a {
    margin-left: 5px;
}

/* Testimonials Callout */
.callout.chose-callout .quote {
    padding: 13px 0 20px 0;
    width: 125px;
    float: left;
    text-align: center;
    font-size: 15px;
    color: #a00230;
    font-style: italic;
}
.callout.chose-callout .meta {
    clear: both;
    font-size: 11px;
    color: #666666;
    padding: 5px;
    border-color: #eddbb8;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    background: #f9f3e5 url("/_ui/skin/img/gradCalloutMeta.gif") scroll repeat-x top left;
    font-style: italic;
    position: relative;
}
.callout.chose-callout img.bg {
    position: absolute;
    top: -112px;
    right: 10px;
}
.callout .btnMoreLink {
    font-size: 10px;
	width: 114px;
	margin-left: 10px;
	margin-right: 0px;
	
}
.callout.training-callout .btnMoreLink
{
    float: left;
}
.callout.training-callout .btnMoreLink.first
{
    
}
.callout.training-callout .btnMoreLink.end
{
    
}

/* Tooltips */
body #tooltip {
    background-color: transparent;    
    background-image: none;
    border: none;
    color: white;
}
#tooltip .body .tooltip {
    width: 247px;
    padding-top: 9px;
    -moz-border-radius: 5px 5px 5px 5px;
    background-color:#000000;
    border:medium none;
    opacity: 0.9;
}
#tooltip .body .tooltip .bottom {
    padding: 6px 10px 16px 10px;
}

/* Glossary Terms */
span.glossary-term {
    color: #a00230;
    background: transparent url("/_ui/skin/img/dotted_underline.gif") scroll left bottom repeat-x;
    cursor: default;
}