foo {}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol,ul { list-style: none }
blockquote,q { quotes: none }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none }
/* remember to define focus styles! */
:focus { outline: 0 }
/* remember to highlight inserts somehow! */
ins { text-decoration: none }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0 }
body,form { margin: 0; padding: 0; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif }
body { min-height: 850px }
select,input { font-size: 12px; color: #999999 }
table,tbody,tr,th,td { vertical-align: top }
sup { font-size: 60% }
#ie7andup sup,#ie6only sup,#ie5-5only sup { font-size: 80% }
#ie6only img,#ie5-5only img { behavior: url(../App_Themes/Default/pngbehavior.htc) }
/* END OF DEFAULT TAG STYLES */
/* COMMON CLASSES */
.cf { clear: both; font-size: 1px; height: 1px; overflow: hidden }
.cb { clear: both; height: 1px; overflow: hidden }
.ml20 { margin-left: 20px }
.mt20 { margin-top: 20px }
.nw { white-space: nowrap; padding-top: 0 }
/* CONTENT CONTAINER (AND SKIN SELECTIONS) */
.content { width: 650px; margin: 0 auto; background-repeat: no-repeat; padding-top: 25px }
#ie5-5only .nav2,#ie6only .nav2 { position: relative; zoom: 1 }
.skinA .content { background-image: url(skinA_bg_a.png); background-color: #dbeaff }
.skinB .content { background-image: url(skinB_bg_a.png); background-color: #f9f4dc }
.skinC .content { background-image: url(skinC_bg_a.png); background-color: #ffe786; background-position: 0 -2px }
.skinD .content { background-image: url(skinD_bg_a.png); background-color: #fff8fd }
.skinE .content { background-image: url(skinE_bg_a.png); background-color: #d6f4ff }
/* MODAL OVERLAY */
.modal_a,.modal_b { position: fixed; -moz-opacity:.60; opacity: 0.6; border: medium none; margin: 0; padding: 0; z-index: 1000; cursor: wait; top: 0px; left: 0px; width: 100%; height: 100% }
.modal_a { display: none }
.modal_b { z-index: 1001; filter: alpha(opacity=0) }
#ie5-5only .modal_a,#ie6only .modal_a { position: absolute; zoom: 1; background-color: #ffffff; width: expression(document.body.clientWidth + 'px'); height: expression(document.body.clientHeight + 'px') }
#ie7andup .modal_a { position: absolute; zoom: 1; background-color: #ffffff }
#ie5-5only .modal_b,#ie6only .modal_b { background-color: #000;position: absolute; zoom: 1; filter: alpha(opacity=60); width: expression(document.body.clientWidth + 'px'); height: expression(document.body.clientHeight + 'px') }
#ie7andup .modal_b {background-color: #000; position: absolute }
/* TELL A FRIEND DIALOG */
.taf_container { position: relative; width: 615px; margin-left: auto; margin-right: auto; z-index: 2000; height: 0px}
ie5-5only .taf_container,#ie6only .taf_container { height: 1px }
.taf_dialog { position: absolute; top: 115px; left: 154px; width: 348px; z-index: 2000 }
.taf_dialog .taf_dialog_a { min-height: 380px; background-image: url(fixed_dialog_a.png); background-position: top left; background-repeat: no-repeat }
#ie5-5only .taf_dialog .taf_dialog_a,#ie6only .taf_dialog .taf_dialog_a { zoom: 1; background-image: url(fixed_dialog_a_ie.gif) }
.taf_dialog .taf_dialog_a div { padding: 12px 17px 0 17px }
.taf_dialog .taf_dialog_a div div { padding: 0; margin-top: -3px }
.taf_dialog .taf_dialog_a div .close { text-align: right; margin-bottom: 10px }
.taf_dialog .taf_dialog_a div .close a:link,.taf_dialog .taf_dialog_a div .close a:visited { color: #005b9a; text-decoration: none }
.taf_dialog .taf_dialog_a div .close a:hover,.taf_dialog .taf_dialog_a div .close a:focus { text-decoration: underline }
.taf_dialog .taf_dialog_a div .message { margin-bottom: 20px }
.taf_dialog .taf_dialog_a div table { margin-bottom: 5px; color: #868686 }
.taf_dialog .taf_dialog_a div table td { padding-bottom: 6px }
.taf_dialog .taf_dialog_a div table td input.ib { vertical-align: middle; margin-right: 5px }
.taf_dialog .taf_dialog_a div table td a:link,.taf_dialog .taf_dialog_a div table td a:visited { color: #868686; text-decoration: none }
.taf_dialog .taf_dialog_a div table td a:hover,.taf_dialog .taf_dialog_a div table td a:focus { text-decoration: underline }
.taf_dialog .taf_dialog_a div table td.m { width: 108px }
.taf_dialog .taf_dialog_a div table td.vat { vertical-align: top; line-height: 15px }
.taf_dialog .taf_dialog_a div table td.m span { display: inline }
.taf_dialog .taf_dialog_a div table td.n { width: 157px }
.taf_dialog .taf_dialog_a div table td.n input,.taf_dialog .taf_dialog_a div table td.n textarea { width: 157px }
.taf_dialog .taf_dialog_a div table td.o { width: 16px }
.taf_dialog .taf_dialog_a div .disclaimer { color: #666666; margin-bottom: 20px }
.taf_dialog .taf_dialog_a div .tafbuttons { text-align: right; padding-right: 41px; white-space: nowrap }
.taf_dialog .taf_dialog_a div .tafbuttons span { color: #666666; float: left; line-height: 19px }
.taf_dialog .taf_dialog_a div .tafbuttons input { color: #777777; font-weight: bold; font-size: 10px; padding-left: 5px; padding-right: 5px; margin-left: 10px }
.taf_dialog .taf_dialog_a div .friend input.remove { float: right }
.taf_dialog .taf_dialog_b { clear: both; height: 35px; background-image: url(fixed_dialog_b.png); background-position: top left; background-repeat: no-repeat }
#ie5-5only .taf_dialog .taf_dialog_b,#ie6only .taf_dialog .taf_dialog_b { zoom: 1; background-image: url(fixed_dialog_b_ie.gif) }
/* TOOLBAR */
.toolbar { height: 38px; background-image: url(a_bg.gif); background-repeat: repeat; margin-bottom: 64px }
.toolbar .in { width: 607px; height: 38px; margin: 0 auto }
.toolbar .in .personal { color: #999999; font-size: 9px; font-weight: bold; vertical-align: middle }
.toolbar .in .greeting { text-align: right; color: #999999; line-height: 12px; font-size: 9px; font-weight: bold; white-space: nowrap; vertical-align: middle }
.toolbar .in .greeting a img { float: right; width: 17px; height: 21px; padding-left: 11px }
/* NAVIGATION */
.nav2 { margin: -57px 0 0 33px; height: 25px }
#ie5-5only .nav2,#ie6only .nav2 { position: absolute; margin: -58px 0 0 0; width: 570px }
.nav2 a { width: 95px }
.nav2 a:link,.nav2 a:visited { display: block; float: left; margin-right: 1px; height: 22px; color: #868686; text-decoration: none; white-space: nowrap; text-transform: uppercase; text-align: center; font-size: 11px; font-weight: 700; line-height: 1.2; background-repeat: no-repeat; padding-top: 10px; overflow: hidden }
#ie5-5only .nav2 a,#ie6only .nav2 a { height: 22px; margin-right: -1px }
.nav2 a { background-position: 0px -49px }
.nav2 a.skinA { background-position: 0px 50px }
.nav2 a.skinB { background-position: -139px -49px }
.nav2 a.skinC { background-position: -235px -49px }
.nav2 a.skinD { background-position: -331px -49px }
.nav2 a.skinE { background-position: -427px -49px }
.nav2 a.skinAselected,.nav2 a.skinBselected,.nav2 a.skinCselected,.nav2 a.skinDselected,.nav2 a.skinEselected { background-image: url(nav.png); height: 25px!important }
.nav2 a.skinAselected,.nav2 a.skinA:hover,.nav2 a.skinA:focus { background-image: url(nav.png); background-position: 0px 0px; color: #000000 }
.nav2 a.skinBselected,.nav2 a.skinB:hover,.nav2 a.skinB:focus { background-image: url(nav.png); background-position: -183px 0px; color: #000000 }
.nav2 a.skinCselected,.nav2 a.skinC:hover,.nav2 a.skinC:focus { background-image: url(nav.png); background-position: -279px 0px; color: #000000 }
.nav2 a.skinDselected,.nav2 a.skinD:hover,.nav2 a.skinD:focus { background-image: url(nav.png); background-position: -375px 0px; color: #000000 }
.nav2 a.skinEselected,.nav2 a.skinE:hover,.nav2 a.skinE:focus { background-image: url(nav.png); background-position: -471px 0px; color: #000000 }
.nav2 a.firstskinAselected,.nav2 a.firstskinA:hover,.nav2 a.firstskinA:focus { background-image: url(nav.png); background-position: 0px 0px; color: #000000!important/*color rule for IE6 specifically*/ }
.nav2 a.firstskinBselected,.nav2 a.firstskinB:hover,.nav2 a.firstskinB:focus { background-image: url(nav.png); background-position: 0px -49px; color: #000000!important/*color rule for IE6 specifically*/ }
.nav2 a.firstskinCselected,.nav2 a.firstskinC:hover,.nav2 a.firstskinC:focus { background-image: url(nav.png); background-position: 0px -98px; color: #000000!important/*color rule for IE6 specifically*/ }
.nav2 a.firstskinDselected,.nav2 a.firstskinD:hover,.nav2 a.firstskinD:focus { background-image: url(nav.png); background-position: 0px -147px; color: #000000!important/*color rule for IE6 specifically*/ }
.nav2 a.firstskinEselected,.nav2 a.firstskinE:hover,.nav2 a.firstskinE:focus { background-image: url(nav.png); background-position: 0px -196px; color: #000000!important/*color rule for IE6 specifically*/ }
.nav2 a.firstskinA,.nav2 a.firstskinB,.nav2 a.firstskinC,.nav2 a.firstskinD,.nav2 a.firstskinE { width: 182px; height: 22px }
.nav2 a.firstskinAselected,.nav2 a.firstskinBselected,.nav2 a.firstskinCselected,.nav2 a.firstskinDselected,.nav2 a.firstskinEselected { width: 182px; height: 25px!important }
#ie6only .nav2 a.firstskinAselected,#ie6only .nav2 a.firstskinBselected,#ie6only .nav2 a.firstskinCselected,#ie6only .nav2 a.firstskinDselected,#ie6only .nav2 a.firstskinEselected { width: 182px }/*todo: add support for IE5*/
.nav2 a.skinA:hover,.nav2 a.skinA:focus,.nav2 a.skinB:hover,.nav2 a.skinB:focus,.nav2 a.skinC:hover,.nav2 a.skinC:focus,.nav2 a.skinD:hover,.nav2 a.skinD:focus,.nav2 a.skinE:hover,.nav2 a.skinE:focus { height: 22px }
#ie6only .nav2 a.firstskinA, #ie6only .nav2 a.firstskinB, #ie6only .nav2 a.firstskinC, #ie6only .nav2 a.firstskinD, #ie6only .nav2 a.firstskinE { width: 182px; xxxmargin-left: 33px; height: 23px }
#ie6only .nav2 a.skinA:hover, #ie6only .nav2 a.skinA:focus, #ie6only .nav2 a.skinB:hover, #ie6only .nav2 a.skinB:focus, #ie6only .nav2 a.skinC:hover, #ie6only .nav2 a.skinC:focus, #ie6only .nav2 a.skinD:hover, #ie6only .nav2 a.skinD:focus, #ie6only .nav2 a.skinE:hover, #ie6only .nav2 a.skinE:focus { height: 23px }
/* TABS */
.tabs { width: 654px; margin: 37px auto -1px }
.tabs ul.tabs-nav { margin: 0 24px; padding: 0 0 0 4px }
/* WELCOME */
.welcome { color: #333333; height: 85px; background-position: 0 0; background-repeat: no-repeat; clear: both; margin-left: 20px; margin-top: 20px }
.welcome p { padding: 10px 30px 0px 130px; font-weight: bold; font-size: 12px }
#ie5-5only .welcome,#ie6only .welcome { background-image: none }
.skinA .welcome {}
#ie5-5only .skinA .welcome {}
#ie6only .skinA .welcome {}
.en .skinB .welcome { height: 81px; background-image: url(cesar_logo.png); margin-left: 35px/*ADJUSTING RELATIVE LOGO POSITION*/; margin-top: 24px/*ADJUSTING RELATIVE LOGO POSITION*/ }
.fr .skinB .welcome { height: 81px; background-image: url(cesar_fr_logo.png); margin-left: 35px/*ADJUSTING RELATIVE LOGO POSITION*/; margin-top: 24px/*ADJUSTING RELATIVE LOGO POSITION*/ }
.skinB .welcome p { padding: 6px 30px 0px 115px/*ADJUSTING RELATIVE LOGO POSITION*/ }
.en #ie5-5only .skinB .welcome,.en #ie6only .skinB .welcome { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/cesar_logo.png',sizingMethod='crop') }
.fr #ie5-5only .skinB .welcome,.fr #ie6only .skinB .welcome { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/cesar_fr_logo.png',sizingMethod='crop') }
.en .skinC .welcome { background-image: url(pedigree_logo.png) }
.fr .skinC .welcome { background-image: url(pedigree_fr_logo.png) }
.en #ie5-5only .skinC .welcome,.en #ie6only .skinC .welcome { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/pedigree_logo.png',sizingMethod='crop') }
.fr #ie5-5only .skinC .welcome,.fr #ie6only .skinC .welcome { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/pedigree_fr_logo.png',sizingMethod='crop') }
.skinD .welcome { background-image: url(whiskas_logo.png) }
#ie5-5only .skinD .welcome,#ie6only .skinD .welcome { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/whiskas_logo.png',sizingMethod='crop') }
.en .skinE .welcome { height: 83px; background-image: url(temptations_logo.png); margin-left: 22px/*ADJUSTING RELATIVE LOGO POSITION*/; margin-top: 22px/*ADJUSTING RELATIVE LOGO POSITION*/ }
.fr .skinE .welcome { height: 83px; background-image: url(temptations_fr_logo.png); margin-left: 22px/*ADJUSTING RELATIVE LOGO POSITION*/; margin-top: 22px/*ADJUSTING RELATIVE LOGO POSITION*/ }
.skinE .welcome p { padding: 8px 30px 0px 128px/*ADJUSTING RELATIVE LOGO POSITION*/ }
.en #ie5-5only .skinE .welcome,.en #ie6only .skinE .welcome { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/temptations_logo.png',sizingMethod='crop') }
.fr #ie5-5only .skinE .welcome,.fr #ie6only .skinE .welcome { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/temptations_fr_logo.png',sizingMethod='crop') }
/* BOXES */
.box_top,.box_middle_ie,.box_middle,.box_bottom { width: 615px; margin-left: auto; margin-right: auto }
.box_top,.box_bottom { height: 20px; background-image: url(skinA_box_a.png); background-repeat: no-repeat }
.box_top { background-position: left top }
.box_bottom { background-position: left bottom }
.box_middle { background-position: left bottom; background-repeat: repeat; background-image: url(skinA_box_b.png); color: #868686 }
#ie5-5only .box_top,#ie6only .box_top { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/skinA_box_a.png',sizingMethod='crop') }
.box_middle_ie { display: none }
#ie5-5only .box_middle_ie,#ie6only .box_middle_ie { display: block; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/skinA_box_b.png',sizingMethod='crop') }
#ie5-5only .box_middle,#ie6only .box_middle { background-image: none }
#ie5-5only .box_bottom,#ie6only .box_bottom { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/box_bottom_ie.png',sizingMethod='crop') }
/* NEW PET TABS */
.pt { width: 617px; margin-left: auto; margin-right: auto; height: 32px; overflow: hidden; white-space: nowrap }
.pt img.notab,.pt img.tab { height: 32px }
.pt a.pet { display: block; width: 124px; height: 32px; top: 0; left: 0 }
.pt a { float: left; width: 124px; height: 32px; position: relative; overflow: hidden; color: #868686; font-size: 11px; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer }
.pt a:hover,.pt a:focus { color: #000000 }
.pt a.firstunselected,.pt a.firstselected { width: 127px }
.pt a img.notab {}
.pt a img.tab { display: none }
.pt a.pet img { position: absolute; top: 0; left: 0; width: 124px; height: 32px }
.pt a.firstunselected img,.pt a.firstselected img { width: 127px }
.pt a.firstselected img.tab,.pt a.selected img.tab { display: block }
.pt a.firstselected img.notab,.pt a.selected img.notab { display: none }
.pt a.firstunselected img.tab,.pt a.unselected img.tab { display: none }
.pt a.firstunselected img.notab,.pt a.unselected img.notab { display: block }
.pt a.pet:hover img.tab,.pt a.pet:focus img.tab { display: block!important }
.pt a.pet:hover img.notab,.pt a.pet:focus img.notab { display: none!important }
#ie5-5only .pt a.pet:hover img.notab,#ie6only .pt a.pet:hover img.notab { display: block/*previous statement will not work in IE5/6, better to have notab bg image than nothing at all*/ }
.pt a.pet span { display: block; position: absolute; top: 0; left: 10px; width: 110px; height: 32px; line-height: 32px; vertical-align: middle; overflow: hidden; z-index: 1 }
.pt a:hover span.tab,.pt a:focus span.tab { text-decoration: underline }
.pt a.firstunselected span.tab,.pt a.firstselected span.tab {}
.pt .commands { float: left; height: 32px; overflow: hidden; white-space: nowrap; position: relative }
.pt .commands img.bg { height: 32px; position: absolute; top: 0; left: 0 }
.pt div.tab_count1 { width: 489px }
.pt div.tab_count1 img.tab_count1 { width: 489px }
.pt div.tab_count2 { width: 365px }
.pt div.tab_count2 img.tab_count2 { width: 365px }
.pt div.tab_count3 { width: 241px }
.pt div.tab_count3 img.tab_count3 { width: 241px }
.pt div.tab_count4 { width: 117px }
.pt div.tab_count4 img.tab_count4 { width: 117px }
.pt .commands a img { width: 18px; height: 18px; margin-bottom: -5px }
.pt .commands a { display: block; position: absolute; top: 7px; height: 18px; line-height: 18px; z-index: 1; white-space: nowrap; font-size: 10px; font-weight: normal }
.pt a.add { left: 3px; width: 128px }
.pt a.remove { right: 8px; width: 100px; text-align: right }
#ie5-5only .pt,#ie6only.pt,#ie7andup.pt {}
/* COLUMNS WITHIN SURVEY BOXES */
div.colA,div.colB,div.colAB { overflow: hidden }
div.colA,div.colB { width: 305px; padding-top: 12px }
div.colA { float: left }
div.colB { float: right }
div.colAB { clear: both; width: 585px }
div.colAB a:link,div.colAB a:visited { color: #999999; text-decoration: underline }
div.colAB a:hover,div.colAB a:focus { color: #000000 }
.box_title,.box_title_expanded { padding-left: 15px; background-position: 0 0; background-repeat: no-repeat }
.box_title { background-image: url(arrow_bg.png) }
#ie5-5only .box_title,#ie6only .box_title { height: 14px/*IE WON'T SHOW A BG IMAGE IF NO HEIGHT IS SPECIFIED!*/; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/arrow_bg.png',sizingMethod='crop') }
#ie7andup .box_title { min-height: 14px/*IE WON'T SHOW A BG IMAGE IF NO HEIGHT IS SPECIFIED!*/ }
.no_arrow { padding-left: 40px; background-image: none; height: auto }
#ie5-5only .no_arrow,#ie6only .no_arrow { height: inherit; background-image: none; filter:inherit }
.box_title a:link,.box_title a:visited,.box_title_expanded a:link,.box_title_expanded a:visited { text-decoration: none; display: block; color: #868686; padding-left: 25px }
#ie5-5only .box_title a,#ie6only .box_title a,#ie5-5only .box_title_expanded a,#ie6only .box_title_expanded a { width: 560px/*IE WON'T ALLOW WHITE SPACE OVER ARROW TO BE HYPERLINK WITHOUT SPECIFYING A WIDTH*/ }
div.box_title a:hover span,div.box_title a:focus span,div.box_title_expanded a:hover span,div.box_title_expanded a:focus span { text-decoration: underline/*DOES NOT WORK FOR IE6, MUST FIX*/ }
.box_title span {}
.box_title_expanded { background-image: url(arrow_expanded_bg.png) }
#ie5-5only .box_title_expanded,#ie6only .box_title_expanded { height: 14px/*IE WON'T SHOW A BG IMAGE IF NO HEIGHT IS SPECIFIED!*/; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/arrow_expanded_bg.png',sizingMethod='crop') }
#ie7andup .box_title_expanded { min-height: 14px/*IE WON'T SHOW A BG IMAGE IF NO HEIGHT IS SPECIFIED!*/ }
.box_title_expanded span {}
table label {}
table span.required {}
table.pi {}
div.colA table.pi { margin-left: 5px }
div.colB table.pi {}
div.colAB table.pi { padding-top: 10px }
table.pi td { padding-bottom: 8px }
table.pi td table td { padding-bottom: 0 }
table.pi td.colA { width: 15px; text-align: center }
table.pi td.colA span { display: block; padding-top: 9px }
table.pi td.colB { width: 104px; text-align: left }
div.colAB table.pi td.colB {}
div.colAB table.pi td.colB { width: 110px }
td.colB label,td.colB span { padding-right: 10px; padding-left: 1px; display: block; padding-top: 5px }
td.colB label span,td.colB span span { display: inline!important/*IE6 requires !important*/; padding: 0!important/*IE6 requires !important*/; white-space: nowrap }
#ie7andup td.colB label,#ie7andup td.colB span { display: block /*IE will not let inline elements have a padding-right, or a margin-right*/; padding-left: 2px /*IE Clips characters of block elements without a small amount of padding*/ }
#ie6only td.colB label,#ie6only td.colB span { display: block /*IE will not let inline elements have a padding-right, or a margin-right*/; padding-left: 2px /*IE Clips characters of block elements without a small amount of padding*/ }
#ie5-5only td.colB label,#ie5-5only td.colB span { display: block /*IE will not let inline elements have a padding-right, or a margin-right*/; padding-left: 2px /*IE Clips characters of block elements without a small amount of padding*/ }
table.pi td.colC { width: 156px; text-align: left }
table.pi td.colC input.textbox { width: 152px; border-width: 1px }
table.pi td.colC select.ddl { width: 156px/*ART C: 162px why is select box narrower than CSS definition?*/ }
table.pi td.colC div.checklistbox { width: 154px/* 100%*/; height: 95px; overflow: auto; overflow-x: hidden; background-color: Window;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #F0F0F0;
border-right-color: #F0F0F0;
border-bottom-color: #F0F0F0;
border-left-color: #F0F0F0;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset }
#ie5-5only table.pi td.colC div.checklistbox,#ie6only table.pi td.colC div.checklistbox { border-color: #999999/*matching border style used in most textfields for IE6*/ }
#ie7andup table.pi td.colC div.checklistbox { border-color: #999999/*matching border style used in most textfields for IE7*/ }
@media screen and (min-width: 0px){ /*OPERA ONLY*/
   #example { color: #c00; }
}
table.pi td.colC div.checklistbox table { width: 95% }
table.pi td.colC div.checklistbox td { padding-bottom: 0 }
table.pi td.colC div.checklistbox table input { float: left }
table.pi td.colC div.checklistbox table label { display: block; float: left; margin-bottom: 5px; margin-top: 4px; width: 80% }
table.pi td.colD { width: 16px }
table.pi td.colE { width: 460px }
table.pi td.colE table {}
table.pi td.colE table td {}
table.pi td.colE table td.colF { width: 115px }
div.colAB table.pi td.colE table td.colF span { display: block; padding: 5px 10px 0 1px; margin-left: 2px }
div.colAB table.pi td.colE table td.colF span span { display: inline; padding: 0; margin: 0 }
table.pi td.colE table td table {}
table.pi td.colE table td {}
table.pi td.colE table td table td { width: 115px }
div.colA table.pw { margin-left: 5px }
div.colB table.pw {}
table.pw td { padding-bottom: 11px }
table.pw td.colA { width: 15px; text-align: center }
table.pw td.colA span { display: block; padding-top: 9px }
table.pw td.colB { width: 132px }
table.pw td.colC { width: 127px }
table.pw td.colC input.textbox { width: 124px; border-width: 1px }
table.pw td.colD { width: 16px }
table.pw td.colE { width: 33px }
table.pw td.colF { width: 23px }
table.pw td.colG { width: 217px }
table.co { width: 590px; margin-left: 25px; margin-top: -12px }
table.co td { padding-bottom: 11px }
table.co td.colA { width: 126px }
table.co td.colA span { padding-top: 9px }
table.co td.colB { width: 30px }
table.co td.colB label { margin-right: 10px; margin-top: 9px }
table.co td.colC { width: 382px; text-align: justify }
table.co td.colD { width: 36px }
table.co td.colD a img { margin-left: 10px }
table.subscribed_brands {margin: 0 0 10px 5px }
#ie7andup table.subscribed_brands {margin: 0 0 10px 4px }
#ie5-5only table.subscribed_brands,#ie6only table.subscribed_brands { margin-left: 3px }
@media screen and (min-width: 0px){ /*OPERA ONLY*/
   table.subscribed_brands {margin: 0 0 10px 7px }
}
table.subscribed_brands td { width: 100px }
table.subscribed_brands td input { margin-right: 8px }
table.opt td.a { width: 30px; text-align: center }
table.opt td.b { text-align: justify }
table.opt td.c {}
.brands {}
.brands td { vertical-align: middle }
.brands a:link,.brands a:visited { float: left; margin-right: 30px }
.details a:link,.details a:visited { color: #868686 }
#ie5-5only table.subscribed_brands td input,
#ie6only table.subscribed_brands td input { margin-right: 4px }
div.ie_op { display: none }
#ie5-5only div.ie_op,#ie6only div.ie_op { display: block; width: 618px; height: 237px; margin-left: auto; margin-right: auto; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/fixed_frame.png',sizingMethod='crop') }
div.op { color: #868686; width:618px; height: 237px; margin-left: auto; margin-right: auto; background-image: url(fixed_frame.png); background-repeat: no-repeat; overflow: hidden }
#ie5-5only div.op,#ie6only div.op { margin-top: -237px; background-image: none; z-index: 2 }
div.op div.title { width: 478px; margin: 45px auto 20px auto }
div.op div.title span { font-size: 15px; font-weight: bold }
div.op div.info { width: 478px; margin-left: auto; margin-right: auto; text-align: justify }
div.op div.info span { font-weight: bold }
div.op table { margin-left: auto; margin-right: auto; border-spacing: 38px; border-collapse: separate }
div.why { text-align: right; margin-right: 25px; padding-bottom: 3px }
div.cb { clear: both; height: 1px; overflow: hidden }
table.pi td.why { text-align: right; padding-bottom: 11px }
td.why a { display: block; float: right; padding-top: 9px ; padding-left: 2px }
td.why a:link,td.why a:visited { color: #868686 }
div.ty { color: #868686; width:616px; height: 145px; margin-left: auto; margin-right: auto; background-image: url(fixed_frame_616_145.png); background-repeat: no-repeat; overflow: hidden }
#ie5-5only div.ty,#ie6only div.ty { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/fixed_frame_616_145.png',sizingMethod='crop') }
div.ty div.title { width: 478px; margin: 54px auto 8px auto; text-align: center }
.fr div.ty div.title { margin: 39px auto 8px auto }
div.ty div.title span { font-size: 15px; font-weight: bold; text-align: center }
div.ty div.info { width: 478px; margin-left: auto; margin-right: auto; text-align: center }
div.ty div.info span { font-weight: bold }
table.datefield { width: 156px }
table.datefield td.month {}
table.datefield td.month select { width: 49px }
#ie5-5only table.datefield td.month select,#ie6only table.datefield td.month select {}
#ie7andup table.datefield td.month select { width: 51px }
table.datefield td.day { text-align: center; width: 100% }
table.datefield td.day select { width: 49px }
#ie5-5only table.datefield td.day select,#ie6only table.datefield td.day select {}
#ie7andup table.datefield td.day select { width: 51px }
table.datefield td.year { text-align: right }
table.datefield td.year select { width: 55px }
#ie5-5only table.datefield td.year select,#ie6only table.datefield td.year select {}
#ie7andup table.datefield td.year select { width: 55px }
/* EN/FR HIDING */
body.en .fr { display: none }
body.fr .en { display: none }
.buttons { text-align: right; margin-top: 10px; padding: 0 20px 20px 20px; background-repeat: no-repeat; background-position: left bottom }
.skinA .buttons { background-image: url(skinA_bg_b.png) }
.skinB .buttons { background-image: url(skinB_bg_b.png) }
.skinC .buttons { background-image: url(skinC_bg_b.png) }
.skinD .buttons { background-image: url(skinD_bg_b.png) }
.skinE .buttons { background-image: url(skinE_bg_b.png) }
.buttons a { display: block; line-height: 21px; color: #000000; font-weight: 700; text-decoration: none }
.buttons a:hover,.buttons a:focus { text-decoration: underline }
.buttons input,div.b input { color: #777777; font-weight: bold; font-size: 10px; padding-left: 4px; padding-right: 4px; margin-left: 8px }
/* LINKS WITH PNG ICONS */
.en #ie5-5only img.cesar,.en #ie6only img.cesar { width: 89px; height: 41px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/cesar_logo.png',sizingMethod='crop') }
.en #ie5-5only img.pedigree,.en #ie6only img.pedigree { width: 97px; height: 70px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/pedigree_logo.png',sizingMethod='crop') }
.en #ie5-5only .temptations,.en img.temptations,.en #ie6only .temptations img.temptations { width: 110px; height: 46px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/temptations_logo.png',sizingMethod='crop') }
.en #ie5-5only img.whiskas,.en #ie6only img.whiskas { width: 105px; height: 56px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/whiskas_logo.png',sizingMethod='crop') }

.fr #ie5-5only img.cesar,.fr #ie6only img.cesar { width: 89px; height: 41px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/cesar_fr_logo.png',sizingMethod='crop') }
.fr #ie5-5only img.pedigree,.fr #ie6only img.pedigree { width: 97px; height: 70px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/pedigree_fr_logo.png',sizingMethod='crop') }
.fr #ie5-5only .temptations,.fr img.temptations,.fr #ie6only .temptations img.temptations { width: 110px; height: 46px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/temptations_fr_logo.png',sizingMethod='crop') }
.fr #ie5-5only img.whiskas,.fr #ie6only img.whiskas { width: 105px; height: 56px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/whiskas_fr_logo.png',sizingMethod='crop') }

/* FOOTER */
.ft { width: 650px; margin: 0 auto; padding-top: 8px }
.ft p { text-align: center; color: #999999; font-size: 11px }
.ft ul { list-style-type: none; margin: 3px; padding: 0; text-align: center }
.ft ul li { list-style-type: none; display: inline; padding: 0 3px 0 0; color: #999999; font-size: 11px }
.ft a:link,.ft a:visited { color: #999999 }
.ft a:hover,.ft a:focus { color: #000000 }
.taf { display: block; padding-top: 38px; margin-bottom: 40px; margin-left: 70px; white-space: nowrap; text-align: left }