/* avon_product_tabs css */

/* CSS Document */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 74px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 6px;
    /*background: url(/images/design/tab_base.jpg) no-repeat;*/
}
.ui-tabs-nav a {
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-top: 2px;
    padding-left: 0;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 19x; /* IE 6 treats height as min-height */
    min-height: 19px;
    padding-top: 0;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0px;
}

#ui-tabs .ptabs .ui-tabs-selected{ 
    background:url(/../design/tab_active.jpg) no-repeat; position: relative;
    top: 1px;
    z-index: 2;
	}
#ui-tabs .ptabs  li{ 
    background: url(/../design/tab_inactive.jpg) no-repeat;position: relative;
    top: 1px;
    z-index: 2;}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #d7d7d7;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/* make sure menu appears above content */
#header{ z-index: 2000;}


.ptabs.ui-tabs-nav a{ color: #ffffff;}
.ui-tabs-selected a{ color: #000000 !important;}




/* NEWS AND EVENTS TICKER HOMEPAGE */
#ui-tabs-news .ptabs .ui-tabs-selected { 
    background:url(/design/tab_active_home_page.jpg) no-repeat;position: relative;}
#ui-tabs-news .ptabs  li{ 
    background: url(/design/tab_inactive_home_page.jpg) no-repeat;position: relative;}


/* avon_navigation css */

/*
*	Menu one (horizontal)
*/



#actions #root {display: none}
#actions ul ul li .navfirst {display: inline;}

.navlast a {border-right: none !important;}
#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	padding:6px 0px 0px 5px;
	font-family: arial, verdana;
	font-size: 10px;
        text-align: left;
}


#menu ul ul {
text-align: left;
}

#menu ul li {
vertical-align: bottom;
}


.level1x a{
	color:#ccc;

}

a.level1,a.level1x{
b order-top:5px solid transparent;
b order-bottom:5px solid transparent;
}

#menu a {
        color: #999999;
	text-decoration:none;
	display: block;
	padding:0 5px 0 5px;
	margin:5px 0 5px 0px;
	border-right:1px solid #eee;
}
#menu li li a {
	margin: 0 0 0 0 !important; 
       z-index: 800;

}

#menu a:hover {
        color:#000 !important;
       z-index: 1400;
}

#menu li {
	float:left;
       z-index: 1700;
       display: inline;
}

#menu li ul {
	position: absolute;
		background-repeat:no-repeat;
	background-position:bottom;
	width: 160px;
	left: -999em;
	margin:0 0 0 0;
	background-color: #eee;
padding-top: 0px;
border-bottom: 8px solid #eee;
z-index:999;
}

#menu li li {
	padding-right: 1em;
	width: 13em;
       z-index: 1600;

}
	
#menu #level1 li ul li {
	border-bottom: 1px solid #ddd;
	padding:2px 0 2px 0;
	width:155px;
       z-index: 1300;
	}
	
#menu #level1 li ul li a{
	border-right:none;
	padding:0;
	}	
	
#menu li ul ul {
	margin: -1.75em 0 0 14em; 
	}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	}

#menu li:hover, #menu li.sfhover {
        background: #ddd;
	z-index: 1000;
	}

#menu li li:hover, #menu li li.sfhover {
        background: transparent;	}

#menu li a:hover, #menu li a.sfhover {
	color:white !important;
        z-index: 900;

	}

/*li.nav-selected-parent a{ color:#000 !important;}*/

span.grandparent{
         color:#000 !important;
}

#menu li a:hover{
         color:#000 !important;
       z-index: 1200;
        }
#menu li li a:hover{
         color:#ee2d24 !important;
        }


/*span.parent{ color:black !important;}*/

#actions ul li a {
   border-right: none !important; }


.milk_rite #actions ul li a {border-right: none !important;
border-top: none; color: white; }

#menu-div  #root  a {color: #ee2d24 !important;}
/* avon_typography css */

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	color: #666666;
}



th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

#footer p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #aaaaaa;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 10px 0px 25px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#quote p { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #333333;
	margin: 0; 
	padding: 10px 10px 10px 10px
} 

#quote h3 { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #333333;
	margin: 0; 
	padding: 10px 10px 10px 10px
}

.breadcrumb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #aaaaaa;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	color: #666666;
	margin: 0;
	padding-left: 13px;
}

li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	color: #666666;
	list-style: squares red;
}

.blob {
	color: #CC0000;
	font-size: 14pt;
	line-height: 10pt;
	vertical-align:-3px;
}


.childLink {
display: block;
width: 100%;margin-bottom: 5px;
}

.childSummary {
display: none;

}

.content-block {font-size: 0.8em;}

.downloadhead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
        color: #333333;
        margin-top: 30px;
        margin-bottom: 10px;
}
/* avon_structure css */

#search-div {
display: block; 
width: 120px;
position: absolute;
top: 40px;
right: 25px;

}
#breadcrumb {
margin-top: 30px;
margin-left: 50px;
margin-bottom: -10px;
}

.breadcrumb {padding-left: 1px; padding-right: 1px; }


#label {font-size: 0.7em; color: #fff; height: 18px; display: block;
}
#search-div #search {color: #666; 
border: 1px solid #888; 
padding: 2px; 
font-size: 0.7em; 
width: 100px;}
#input-find {background-color: #ff0000; 
border: none; 
margin-top: 6px; 
color: #fff;  
padding: 0px 8px; 
font-size: 0.7em;}

body  {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	background: #e9e9eb;
	background-image: url(/../design/page_backing.jpg);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
#container { 
	width: 925px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #d1d3d5;
	background-image: url(/../design/content-backing.jpg);
	background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
        position: relative;
} 
#header { 
	/*background-image: url(/../design/header.jpg);*/
	background-image: url(/../design/header_black.jpg);
	height: 120px;
	padding: 0 0 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-repeat: no-repeat;
        position: relative;
        margin-bottom: 0;
} 
#header #logo {
	margin-top: 0;
	padding: 0;
	/*text-indent: -5000px;*/
	display: block;
	position: relative;
	left: 40px;
	top: 32px;
	width: 361px;
	height: 88px;
	/*background: url(/../design/avon-rubber-logo.jpg) no-repeat;*/
	background: url(/../design/avon-rubber-logo-black.jpg) no-repeat;*/

}

a img
{
   border:none;
}

.milk_rite #header { 
	background-image: url(/../design/milkrite_header2.jpg);
        height: 140px;
} 


.protection #header #logo{
      background: url(/../design/avon-protection-logo-black.jpg) no-repeat;
      width: 350px;
      height: 88px;
}

.isi #header #logo{
      background: url(/../design/isi-logo.jpg) no-repeat;
}

.dairy #header {
    background-image: url(/../design/header.jpg);
}

.dairy #header #logo {
     background: url(/../design/avon-rubber-logo.jpg) no-repeat;
}


.artis #header #logo {
	left: 40px;
	top: 53px;
	width: 361px;
	height: 88px;
	background: none;
}

.artis #header { 
	background-image: url(/../design/artis-background-header.jpg);
	height: 120px;
	padding: 0 0 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-repeat: no-repeat;
        position: relative;
        margin-bottom: 40px;
} 

.artis-new #header #logo {
	left: 40px;
	top: 53px;
	width: 361px;
	height: 88px;
	background: none;
}

.artis-new #header { 
	background-image: url(/../design/artis-background-header-new.jpg);
	height: 120px;
	padding: 0 0 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-repeat: no-repeat;
        position: relative;
        margin-bottom: 40px;
} 

.artis #input-find {background-color: #696969; color: #fff;}


#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url(/../design/footer_black.jpg);
	background-repeat:no-repeat;
	height: 50px;
}

.milk_rite #footer {
       background-image: url(/../design/milk_rite_footer.jpg);
       background-repeat:no-repeat;
}

.milk_rite #footer p{ padding-top: 25px;}

.dairy #footer {
      background-image: url(/../design/footer.jpg);
}

#quote { 
	background-image: url(/../design/quote_backing.jpg);
	background-repeat: repeat-y;
	width: 228px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* Breadcrumb */
#breadcrumb {
	height: 20px;
	width: 780px;	left: 43px;
	top: 15px;
        z-index: 0;
}

/* Caption */
#caption {
	height: 20px;
	width: 400px;
	position: relative;
	right: 15px;
	top: -40px;
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 10px;
	text-align: right;
	padding: -10 20 0 0;
}

/* Group menu set up */
#group-menu {
  position: absolute;
  top: 38px;
  right: 160px;
}

#group-menu a{
   color: #ee2d24;
   font-size: 9px;
}

#group-menu ul{
  display: inline; 
  list-style: none;
}

#group-menu ul li{
  display: inline;
  text-align: center; 
}

#group-menu ul li a{
  padding: 0 5px 0 5px;
}

/* Menu set up */
#menu-div {
	margin: 0 0 0 0;
	position: absolute;
	top: 100px;
	right: 160px;
	height: 20px;
	z-index: 100;
}

.milk_rite #menu-div { position: absolute; top: 120px; right: 160px; }

/* Actions set up */
#actions {
	margin: 0 0 0 0;
	position: absolute;
	top: 80px;
	right: 155px;
	height: 20px;
}

.milk_rite #actions {position: absolute; top: 100px; right: 155px; }


#actions ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: right;
}

#actions li {
	display: block;
	margin: 0;
	height: 1.5em;
	display: inline;
}

#actions li a {
	font-size: 9px;
	padding: 4px 10px 4px 10px;
	margin: 0;
	line-height: 1.5em;
	vertical-align: middle;
	color: #999999;
	padding 0 5px 0 5px;
	text-decoration: none;
	text-align: center;
}

#actions li a:visited {
	color: #999999;
}

#actions li a:hover {
	background-color: #EFEFEF;
	color: #666666;
}

#actions li a {
	float: none
}




td.content hr {margin-top: 2px; 
padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px;  
height: 1px;

}
/* End News */






#tabs {
width: 400px;
}
#tab-buttons,
#tab-content {
width: 400px;
}
#tab-buttons ul {
	padding: 0;
	margin: 0;
	list-style: none;

}
#tab-buttons li {
	width: 100px;
	padding: 5px;
	color: #fff;
	float: left;
}

.first-tab {background-color: #ccc;}
.second-tab {background-color: #999;}

.first-tab-content,
.second-tab-content {
width: 200px;
display: block;
border: 1px solid #ccc;
}


#tab-content div {display: none;}
#tab-content div.sel {
display: block;
} 
.sel {background-color: #ccccff}

.SKControlGroup #tab-content div {display: block;}

/* DOWNLOAD BLOCK */
.downloadTime28 {display: none;}
.downloadTime56 {display: none;}
.downloadTime128 {display: none;}
.downloadTime512 {display: none;}



/* PRODUCT TAB SECTION */
#product-tabs { width: 400px; }

#product-tab-buttons, #tab-content {
	width: 400px;
}

#product-tab-buttons ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#product-tab-buttons li {
	width: 70px;
	padding: 5px;
	color: #fff;
	float: left;
}

.prodcut-first-tab { background-color: #ccc; }
.prodcut-second-tab { background-color: #999; }
.prodcut-third-tab { background-color: #999; }
.prodcut-fourth-tab { background-color: #999; }
.prodcut-fifth-tab { background-color: #999; }

.prodcut-first-tab-content,
.prodcut-second-tab-content, 
.prodcut-third-tab-content,
.prodcut-fourth-tab-content,
.prodcut-fifth-tab-content {
	width: 200px;
	display: block;
	border: 1px solid #ccc;
}


#product-tab-content div { display: none; }
#product-tab-content div.sel { display: block; } 
.sel { background-color: #ccccff; }


.SKControlGroup #product-tab-content div { display: block; }

.ui-tabs-panel h3 { display: none;}

/*FAQ stuff */
.content-block.faq { width: 500px; float: left; } 

.faqlinks { 
float: left; width: 200px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.75em;
color: #666666;
}



/* avon_links css */

a:link {
	color: #ee2d24;
	text-decoration: none;
}

a:visited {
	color: #ee2d24;
  	text-decoration: none;
}

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

a:active {
	text-decoration: none;
}

a.nav:link {
	color: #ee2d24;
	padding: 2px;}

a.nav:visited {
	color: #ee2d24;
	padding: 2px;
}

a.nav:hover {
	color: #ee3224;
	background-color: #666666;
	padding: 2px;
}


/* Breadcrumb links */

#breadcrumb a {
	color: #aaaaaa;
	text-decoration: none;
}

#breadcrumb a:visited {
	color: #aaaaaa;
  	text-decoration: none;
}

#breadcrumb a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

#breadcrumb a:active {
	text-decoration: none;
}


/* Footer links */

#footer a {
	color: #999999;
	text-decoration: none;
}

#footer a:visited {
	color: #999999;
  	text-decoration: none;
}

#footer a:hover {
	color: #666666;
	text-decoration: none;
}

#footer a:active {
	text-decoration: none;
}

/* content */


.content-block {
margin: 20px 50px 25px 50px; 
}

#content-container {
margin: 0px 0px 0px 0px; 

}
.auto-h1 {width: 825px;
background-color: #fff !important;}

.content-full-width,
.content-one-quart,
.content-two-quart,
.content-three-quart,
.content-four-quart,
.gutter  {

padding-bottom: 11px;
float: left;

}

.content-full-width {
width: 825px;
}

.content-one-quart {
width: 198px;
}

.content-two-quart {
width: 407px;
}

.content-three-quart {
width: 616px;
}

.gutter {
width: 11px;
background-color: #fff !important;}
}

#content-container ul { list-style:inside; }


/* news pages styling */
.newsarticletitle, .eventname{font-size: 12px; font-weight: 400; } 
.newstitle, .eventstitle{display: none;}
.newsarticledate{font-size: 11px; padding-top: 10px; font-weight: 600; line-height: 3em;}
.newsarticlesummary p, .newsarticlesummary, .newsarticlebody p, .newsarticlebody {line-height: 1.5em; font-size: 11px;}
.newsarticletitle a{ text-decoration: none; line-height: 30px;  }
.newsarticletitle a:hover { text-decoration: underline;}
td.content {vertical-align: top;}


#Sitekit_Form_3239 {
     width: 600px;
}

/* Milk Rite Newsletter Sign Up*/
#Sitekit_Form_3282 {
   padding: 10px 0;
}

#Sitekit_Form_3282 .formTextbox{
   margin: 10px;
}

#Sitekit_Form_3282 #PostEnquiry{
   margin-top: 10px;
}

a.greylink {
 color: #666666;
 text-decoration: underline;
}

/* ISI Warranty Registration Form */
#Sitekit_Form_3327 table table td {text-align: left;}



/* SHARE PRICE LAYOUTS */
.topline{ width: 100%; padding-bottom: 25px;}
.toplineitem{ float: left; margin-right: 10px; font-size: 14px; font-weight:600; color:#ee2d24; }
.toplineitem .title { color: #000000; margin-right: 3px;}
.subline{ width: 100%; padding-bottom: 20px; }
.sublineitem{ float: left; margin-right: 20px; font-size: 11px; font-weight:400; color:#ee2d24; }
.subline .title { color: #000000; margin-right: 3px;}
.sublinetwo{ width: 100%; }
.sublinetwo .sublineitem{ float: left; margin-right: 20px; font-size: 10px; font-weight:400; color:#ee2d24; }
.sublinetwo .title { color: #000000; margin-right: 3px;}
.sharepricecontainer { width: 100%; background: yellow; height: 200px;}
.sharepricecontainer h2 { font-weight:600;}
.time{ font-size: 12px; padding-bottom: 15px;}
.time .date {margin-right: 3px;}
.netchange{ margin-right: 0px;}
.faq-question-detail { font-size: 14px; color: black;}	
.FAQlisthead { font-size: 14px; color: black;}
.faqlinks { font-size: 10px; padding-bottom: 20px;}
.faqlinks ul, .faqlinks li {list-style: inside;} 
.FAQlisthead{ display: none;}


/* MILK RITE DETAIL PRODUCTS PAGES */
.milkriteproduct.right{margin-right: 0px; }
.milkriteproduct img { width: 150px; float: left; border: solid 1px black !important; }
.milkriteproduct { width: 150px; float: left; text-align: center; margin: 2px}
.milkriteproduct a { font-weight: 600; color: blue;}
.templatecomment { display: none; color: #003466; }
.lowerIframeBody .milkriteproduct {float: none;}
.lowerIframeBody .templatecomment{ display: block;}

.mrproduct a{color: white; background: #003466; width: 100%; display: block; line-height: 25px;  border-left: solid 1px black; border-right: solid 1px black; }
.altproduct a{background: #e0d6ca; color: black; display: block; width: 100%; line-height: 25px; border-left: solid 1px black; border-right: solid 1px black; border-bottom: solid 1px black;}

#milk-rite-news { 
    background:url(/design/tab_active_home_page.jpg) no-repeat;position: relative; 
    background-position: 2px 0;
    height: 21px;
    width: 200px;
    padding-left: 10px;
    line-height: 21px;
    border-bottom: solid 1px #e9e9e9;
    margin: 40px 0 5px 0;
}

.mrproduct p{
   margin: 0;
}