@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0}
body { background-color:#ebf1f3; text-align:center; font-family:Arial, Helvetica, sans-serif}
img { border:0}
.clear { clear:both}
.spacer { height:100px}

#wrapper { width:950px; margin:auto; text-align:left; background-color:#ffffff; padding:25px 8px 8px; position:relative}

#content, #content_haveachuckle, #content_faqs { background:#eff3f5 url(../images/bkg_content.gif) repeat-x top; padding:20px 25px; color:#3a8eb8; font-size:0.69em; margin-top:8px; position:relative; }
#content_eventcalendar { background:#eff3f5 url(../images/bkg_content.gif) repeat-x top; padding: 0px 0px 20px 0px; color:#3a8eb8; font-size:0.69em; position:relative; }
#content h4 { font-weight:bold; font-size:1em; color:#ffffff; padding:4px 15px; cursor:pointer;}
#content p a:link, #content p a:active, #content p a:visited, #content p a:hover { color:#00A1DF; text-decoration:underline}

#content_haveachuckle p { padding-bottom:15px}

#haveachuckle { margin:auto; width:500px; text-align:center}
#haveachuckle a { color:#3a8eb8}

#footerPurina { display: none; background-color:#000000; width:966px; margin:auto; margin-top:8px; text-align:right; height:36px}

#terms { color:#a2a2a2; font-size:0.6em; padding:13px 0; line-height:1.7}
#terms a { color:#707070; text-decoration:none}
#terms a:hover { text-decoration:underline}

.show-hide p { margin:10px 0}
.show-hide a { color:#00a1df}
.expandContent { background-color:#ffffff; padding:0 8px 8px; overflow:hidden}
.ExpandAll, .CollapseAll { color:#00a1df; font-weight:bold; margin:10px 0; cursor:pointer}

.productTable tr { background:#ffffff url(../images/bkg_btm_gradient.gif) repeat-x bottom; color:#000000}
.productTable strong { display:block}
.productTable td { padding:15px 0}

#sub_itsEasy { text-indent:-3000px; background:url(../images/sub_its-easy.gif) no-repeat; width:326px; height:30px}
#sub_faqsOnHowTo { text-indent:-3000px; background:url(../images/sub_faqs-on-how-to.gif) no-repeat top left; width:274px; height:30px}
#sub_purinaTotalCare { text-indent:-3000px; background:url(../faqs/images/sub_purina-total-care.gif) no-repeat top left; width:390px; height:45px}
#sub_petCare { text-indent:-3000px; background:url(../images/sub_pet-care.gif) no-repeat top; width:200px; height:25px}
#sub_getUseful { text-indent:-3000px; background:url(../images/sub_get-useful-pet-care-tip.gif) no-repeat top left; width:344px; height:25px}

/******************** homepage snippets *********/
#snippets { background:#eff3f5 url(../images/bkg_snippet.gif) repeat-x top; margin-top:8px; padding-top:8px; color:#2e94bc; font-size:0.69em}
#snippets li { list-style:none; float:left; display:inline; padding-top:20px; min-height:200px; position:relative}
/* old
#snippet_01 { margin:0 15px 0 9px; background:url(../images/snippet_bkg.jpg) no-repeat left top; padding:0 25px 0 142px; width:133px}
#snippet_01 a.findoutmore { width:82px; height:8px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/btn_find-out-more.gif) no-repeat; margin-top:18px; padding-bottom:18px}
#snippet_01 .snippet_01_img { position:absolute; top:0; left:0}
*/
#snippet_01 { margin:0px 12px; width:300px; background:url(../images/300x211_Homepage-tile_static_V1.jpg) no-repeat left top;}
#snippet_01 a { text-indent:-9999px; width:300px; height:211px; margin-top:-20px;  display:block;}
#snippet_02 { background:url(../images/snippet_bkg.jpg) no-repeat left top; padding:0 20px 0 150px; width:130px}
#snippet_02 a.helpfuladvice { width:85px; height:11px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/btn_helpful-advice.gif) no-repeat; margin-top:45px}
#snippet_02 .snippet_02_img { position:absolute; top:0; left:0}
#snippet_03 { margin:0px 12px; width:300px; background:url(../images/Homepage-CanineCandidTile2.jpg) no-repeat left top;}
#snippet_03 a { text-indent:-9999px; width:300px; margin-top:-20px; height:211px; display:block;}

/****************** product expand points ********/
#collars_list li, #shampoos_list li, #grooming_list li, #flea_list li, #bowl_list li, #litter_list li, #toys_list li, #bedding_list li, #transport_list li, #occasions_list li { list-style:none; padding:10px 0 2px 20px}
#collars_list li { background:url(../productrange/tethering/images/img_tick_collars.gif) no-repeat 0 11px}
#shampoos_list li { background:url(../productrange/shampoo/images/img_tick_shampoos.gif) no-repeat 0 12px}
#grooming_list li { background:url(../productrange/grooming/images/img_tick_grooming.gif) no-repeat 0 11px}
#flea_list li { background:url(../productrange/flea/images/img_tick_flea.gif) no-repeat 0 11px}
#bowl_list li { background:url(../productrange/bowls/images/img_tick_bowl.gif) no-repeat 0 11px}
#litter_list li { background:url(../productrange/litter/images/img_tick_litter.gif) no-repeat 0 11px}
#toys_list li { background:url(../productrange/toys/images/img_tick_toys.gif) no-repeat 0 11px}
#bedding_list li { background:url(../productrange/bedding/images/img_tick_bedding.gif) no-repeat 0 11px}
#transport_list li { background:url(../productrange/transport/images/img_tick_transport.gif) no-repeat 0 11px}
#occasions_list li { background:url(../productrange/occasions/images/img_tick_occasions.gif) no-repeat 0 11px}

/******************** product expand *************/
.occasions_expand_01 { background:url(../productrange/occasions/images/occasions_expand_01.gif) no-repeat;}
.occasions_expand_02 { background:url(../productrange/occasions/images/occasions_expand_02.gif) no-repeat;}
.shampoo_expand_01 { background:url(../productrange/shampoo/images/shampoos_expand_01.gif) no-repeat;}
.shampoo_expand_02 { background:url(../productrange/shampoo/images/shampoos_expand_02.gif) no-repeat;}
.tethering_expand_01 { background:url(../productrange/tethering/images/tethering_expand_01.gif) no-repeat;}
.tethering_expand_02 { background:url(../productrange/tethering/images/tethering_expand_02.gif) no-repeat;}
.tethering_expand_03 { background:url(../productrange/tethering/images/tethering_expand_03.gif) no-repeat;}
.tethering_expand_04 { background:url(../productrange/tethering/images/tethering_expand_04.gif) no-repeat;}
.tethering_expand_05 { background:url(../productrange/tethering/images/tethering_expand_05.gif) no-repeat;}
.tethering_expand_06 { background:url(../productrange/tethering/images/tethering_expand_06.gif) no-repeat;}
.toys_expand_01 { background:url(../productrange/toys/images/toys_expand_01.gif) no-repeat;}
.toys_expand_02 { background:url(../productrange/toys/images/toys_expand_02.gif) no-repeat;}
.bedding_expand_01 { background:url(../productrange/bedding/images/bedding_expand_01.gif) no-repeat}
.transport_expand_01 { background:url(../productrange/transport/images/transport_expand_01.gif) no-repeat;}
.transport_expand_02 { background:url(../productrange/transport/images/transport_expand_02.gif) no-repeat;}
.grooming_expand_01 { background:url(../productrange/grooming/images/grooming_expand_01.gif) no-repeat;}
.grooming_expand_02 { background:url(../productrange/grooming/images/grooming_expand_02.gif) no-repeat;}
.flea_expand_01 { background:url(../productrange/flea/images/flea_expand_01.gif) no-repeat;}
.flea_expand_02 { background:url(../productrange/flea/images/flea_expand_02.gif) no-repeat;}
.fish_expand_01 { background:url(../productrange/fish/images/fish_expand_01.gif) no-repeat;}
.fish_expand_02 { background:url(../productrange/fish/images/fish_expand_02.gif) no-repeat;}
.bowls_expand_01 { background:url(../productrange/bowls/images/bowls_expand_01.gif) no-repeat;}
.bowls_expand_02 { background:url(../productrange/bowls/images/bowls_expand_02.gif) no-repeat;}
.litter_expand_01 { background:url(../productrange/litter/images/litter_expand_01.gif) no-repeat; height: 22px;}

/******************** faqs ***********************/
#content_faqs .show-hide { width:755px; margin-top:30px; float:left; position:relative}
#content_faqs .show-hide h4 { font-weight:bold; font-size:1em; color:#3a8eb8; padding:4px 15px; cursor:pointer;}
#content_faqs .expandContent {background-color:#dae4e9; padding:8px 15px; overflow:hidden}
#content_faqs .expandcollapse { position:absolute; right:0; top:0}
#askpurina { background:url(../faqs/images/bkg.gif) no-repeat top; width:122px; float:left; margin:60px 0 0 15px; position:relative; text-align:center; color:#41a3ca}
#askpurina p { padding:7px}
#askpurina a { color:#126585; text-decoration:none}
#askpurina_btm { background:url(../faqs/images/bkg_btm.gif) no-repeat; height:4px; width:122px; font-size:0; line-height:0}

#intro_top { background:url(../faqs/images/intro_top.jpg) no-repeat bottom center; width:900px}
#intro_top p { width:760px; padding-bottom:55px}
#intro_body { background:#e4f2b6 url(../faqs/images/intro_products.jpg) no-repeat left bottom; padding-left:405px}
#intro_body ul { font-weight:bold; color:#135d7a; margin-left:20px}
#intro_body li { padding-bottom:13px}
#intro_btm { background:url(../faqs/images/intro_btm.gif) no-repeat; height:60px; font-size:0; line-height:0}

.faqs_expand { background:url(../faqs/images/faqs_expand_00.gif) no-repeat;}

/******************** eventcalendar **************/
#content_eventcalendar .show-hide h4 { font-weight:bold; font-size:1em; color:#3a8eb8; padding:4px 15px; cursor:pointer;}
#content_eventcalendar .show-hide { width:420px; float:left; position:relative; margin:20px 20px 0 0}
#content_eventcalendar .expandContent {background-color:#dae4e9; padding:8px 15px; overflow:hidden}
#content_eventcalendar .expandcollapse { position:absolute; right:0; top:0}
#content_eventcalendar .right { padding-top:30px}
.eventcalendar_expand_a { background:url(../eventcalendar/images/expand_01.gif) no-repeat;}
.eventcalendar_expand_b { background:url(../eventcalendar/images/expand_02.gif) no-repeat;}

/******************** headers ********************/
#totalcare { text-indent:-3000px; background:url(../images/logo_totalcare.gif)  no-repeat; height:40px; width:210px; float:right; display:block}
#hdr_productRange { text-indent:-3000px; background:url(../images/hdr_product-range.gif) no-repeat; width:103px; height:25px}
#hdr_faqs { text-indent:-3000px; background:url(../images/hdr_faqs.gif) no-repeat; width:35px; height:25px}
#hdr_whereIsTotalcare { text-indent:-3000px; background:url(../images/hdr_where-is-total-care.gif) no-repeat; width:110px; height:55px}

/***************** subheaders ********************/
#subhdr_keepYourPets { text-indent:-3000px; background:url(../images/subhdr_keeping-your-pet.gif) no-repeat; width:670px; height:32px}
#subhdr_shampoos { text-indent:-3000px; background:url(../images/subhdr_shampoos.gif) no-repeat; width:106px; height:28px}
/*#subhdr_collars { text-indent:-3000px; background:url(../images/subhdr_collars-and-leads.gif) no-repeat; width:169px; height:28px}*/
#subhdr_tethering { text-indent:-3000px; background:url(../images/subhdr_tethering.gif) no-repeat; width:89px; height:28px}
#subhdr_toys { text-indent:-3000px; background:url(../images/subhdr_toys.gif) no-repeat; width:45px; height:28px}
#subhdr_grooming { text-indent:-3000px; background:url(../images/subhdr_grooming.gif) no-repeat; width:95px; height:28px}
#subhdr_occasions { text-indent:-3000px; background:url(../images/subhdr_occasions.gif) no-repeat; width:103px; height:28px}
#subhdr_flea { text-indent:-3000px; background:url(../images/subhdr_flea-and-worming.gif) no-repeat; width:176px; height:28px}
#subhdr_fish { text-indent:-3000px; background:url(../images/subhdr_fish-foods.gif) no-repeat; width:122px; height:28px}
#subhdr_bowls { text-indent:-3000px; background:url(../images/subhdr_bowls.gif) no-repeat; width:68px; height:28px}
#subhdr_litter { text-indent:-3000px; background:url(../images/subhdr_litter.gif) no-repeat; width:195px; height:28px}
#subhdr_confusedAbout { text-indent:-3000px; background:url(../images/subhdr_confused-about-how.gif) no-repeat; width:407px; height:21px}
#subhdr_outAndAbout { text-indent:-3000px; background:url(../images/subhdr_out-and-about.gif) no-repeat; width:501px; height:23px}
#subhdr_bedding { text-indent:-3000px; background:url(../images/subhdr_bedding.gif) no-repeat; width:232px; height:23px}
#subhdr_transport { text-indent:-3000px; background:url(../images/subhdr_containment.gif) no-repeat; width:232px; height:23px}
#subhdr_latestProducts { text-indent:-3000px; background:url(../images/subhdr_latest_products.gif) no-repeat; width:144px; height:23px}

/***************** titles ************************/
#t_productRange { text-indent:-3000px; background:url(../images/t_product-range.jpg) no-repeat; width:950px; height:132px}
#t_shampoos { text-indent:-3000px; background:url(../images/t_shampoos.jpg) no-repeat; width:950px; height:132px}
/*#t_collars { text-indent:-3000px; background:url(../images/t_collars-and-leads.jpg) no-repeat; width:950px; height:132px}*/
#t_tethering { text-indent:-3000px; background:url(../images/t_tethering.jpg) no-repeat; width:950px; height:132px}
#t_toys { text-indent:-3000px; background:url(../images/t_toys.jpg) no-repeat; width:950px; height:132px}
#t_grooming { text-indent:-3000px; background:url(../images/t_grooming.jpg) no-repeat; width:950px; height:132px}
#t_occasions { text-indent:-3000px; background:url(../images/t_occasions.jpg) no-repeat; width:950px; height:132px}
#t_flea { text-indent:-3000px; background:url(../images/t_flea-and-worming.jpg) no-repeat; width:950px; height:132px}
#t_bowls { text-indent:-3000px; background:url(../images/t_bowls.jpg) no-repeat; width:950px; height:132px}
#t_litter { text-indent:-3000px; background:url(../images/t_litter.jpg) no-repeat; width:950px; height:132px}
#t_fish { text-indent:-3000px; background:url(../images/t_fish-foods.jpg) no-repeat; width:950px; height:132px}
#t_whereToBuy { text-indent:-3000px; background:url(../images/t_where-to-buy.jpg) no-repeat; width:950px; height:132px}
#t_faqs { text-indent:-3000px; background:url(../images/t_faqs.jpg) no-repeat; width:950px; height:132px}
#t_haveAChuckle { text-indent:-3000px; background:url(../images/t_have-a-chuckle.jpg) no-repeat; width:950px; height:132px}
#t_eventCalendar { text-indent:-3000px; background:url(../images/hero.jpg) no-repeat bottom #fff; width:950px; height:238px;}
#t_bedding { text-indent:-3000px; background:url(../images/t_bedding.jpg) no-repeat; width:950px; height:132px}
#t_transport { text-indent:-3000px; background:url(../images/t_containment.jpg) no-repeat; width:950px; height:132px}
#t_latestProducts { text-indent:-3000px; background:url(../images/t_latest_products.jpg) no-repeat; width:950px; height:132px}

/******************** product range select *******/
#productRange li { list-style:none; float:left; display:inline; position:relative; margin-top:10px}
#pr_flea { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_flea.gif) no-repeat; margin-left: 10px}
#pr_shampoos { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_shampoos.gif) no-repeat}
#pr_grooming { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_grooming.gif) no-repeat; margin-left: 10px}
/*#pr_collars { width:220px; height:154px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_collars.gif) no-repeat;}*/
#pr_tethering { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_tethering.gif) no-repeat}
#pr_toys { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_toys.gif) no-repeat; margin-left: 10px}
#pr_occasions { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_occasions.gif) no-repeat}
#pr_fish-foods { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_fish-foods.gif) no-repeat; margin-left: 10px}
#pr_litter { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_litter.gif) no-repeat; margin-left: 10px}
/*#pr_bowls { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_bowls.gif) no-repeat}*/
#pr_bedding { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_bedding.gif) no-repeat; margin-left: 10px}
#pr_transport { width:293px; height:151px; text-indent:-3000px; overflow:hidden; float:left; background:url(../images/productrange_transport.gif) no-repeat}
/******************** where to buy ***************/
#wtb_columnA { width:338px; float:left; display:inline; margin-top:20px; position:relative; }
#wtb_columnB { width:517px; float:left; margin:20px 0 0 20px; position:relative; }
#wtb_storelisting li { list-style:none; background:url(../wheretobuy/images/wheretobuy_expand_00.gif) no-repeat top left; padding:4px 0 4px 10px; margin-bottom:10px; position:relative; font-weight:bold}
#wtb_storelisting a { color:#3a8eb8; text-decoration:none}
#wtb_storelisting p { display:inline }
#wtb_storelisting .woolworths { padding-left:347px}
#wtb_storelisting .coles { padding-left:381px}
#wtb_storelisting .iga { padding-left:395px}
#wtb_storelisting .foodworks { padding-left:351px}
#wtb_storelisting .franklins { padding-left:363px}
#wtb_storelisting .foodland { padding-left:364px}
#wtb_storelisting .spar { padding-left:385px}
#wtb_storelisting .kmart { padding-left:381px}
#wtb_storelisting .bigw { padding-left:385px}

/******************** navigation *****************/
#navContainer { position:relative; float:left; width:475px; height:20px; margin-top:10px}
#menu { position:absolute; width:604px;	height:20px; display:inline; overflow:hidden; list-style:none;}
#menu li { display:inline; /* duplicated for IE 5/Win */ list-style-type:none; /* duplicated for IE 5/Win */}
#menu a { float:left; height: 0px !important; height /**/:20px; /* IE 5/Win hack */ padding:20px 0 0 0; overflow:hidden;}
#menu a:hover {	background-position:0 -20px;}
#menu .selected { background-position:0 -20px;}
#navHome a { width:62px; background:url(../images/nav_home.gif) top left no-repeat;}
#navProduct a { width:121px; background:url(../images/nav_product-range.gif) top left no-repeat;}
#navWhere a { width:113px; background:url(../images/nav_where-to-buy.gif) top left no-repeat;}
#navEvent a { width:125px; background:url(../images/nav_event-calendar.gif) top left no-repeat;}
#navFaqs a { width:57px;	background:url(../images/nav_faqs.gif) top left no-repeat;}
#navLatestProducts a { width:126px;	background:url(../images/nav_latest-products.gif) top left no-repeat;}

/** slide down **/
#ccWrapper { width:100%; background:#000000 url('../img/cc_bg.jpg') repeat-x; text-align:center}
#commonContentTop #ccContainer { width:967px; height:41px; margin:0 auto; text-align:right}
#commonContentTop #ccContainer img#button { margin-right:150px; }
#ccWrapper img#purina_logo { position:relative; left:-2px; }
#commonContentBottom { width:100%; background:#0a0a0a url('../img/cc_expanded_bg.jpg') repeat-x; text-align:center; }
#commonContentBottom #ccExpanded { width:967px; margin:0 auto; position:relative; }
#ccWrapper .button:hover { cursor: pointer; }
#ccWrapper .button { cursor:pointer; }
#commonContentBottom #ccExpanded #buttonDiscover { position:absolute; top:-41px; left:670px; display:block; }
#commonContentBottom #ccExpanded #buttonHide { position:absolute; top:-41px; left:765px; display:none; }
#commonContentBottom #ccExpanded div { float:left; text-align:left; margin:0 30px 0 0; }
#commonContentBottom #ccExpanded div#current img#promo { margin-left:16px; }
#commonContentBottom #ccExpanded p { margin:0 0 0 16px; padding:0; }
#commonContentBottom #ccExpanded a { color:#b0b0b0; text-decoration:none; font:12px Arial, Helvetica, sans-serif; line-height:19px; }
#commonContentBottom #ccExpanded a:hover { color:#ee1f27; }
#commonContent #ccExpanded td.head { background:#000000 url('../img/cc_td_bg.jpg') no-repeat top; }
div.marginbottom { /* Since the Fx.Slide element resets margins, we set a margin on the above element */ margin-bottom: 10px; }
div.show-hide h4 a { color:#ffffff;}
#vertical_slide { overflow: hidden; display:none; }

/************ sub header navigation **************/
#subhdrNav { width: 902px; height: 66px !important; margin-bottom: 20px; }
#subhdrNav li { width: 94px; height: inherit; float: left; display: inline; overflow: hidden; list-style: none; margin-left: 7px; }
#subhdrNav li.tethering { margin-left: 0; }
#subhdrNav li a { background: url('../images/subhdr_navigation.gif') no-repeat; width: 94px; height: 100%; cursor: pointer; text-indent: -9999px; display: block; }
#subhdrNav li.tethering a { background-position: 0 0; height: 55px; }
#subhdrNav li.toys a { background-position: -101px 0; height: 55px; }
#subhdrNav li.grooming a { background-position: -202px 0; height: 55px; }
#subhdrNav li.shampoos a { background-position: -304px 0; height: 55px; }
#subhdrNav li.fleas-worming a { background-position: -405px 0; height: 55px; }
#subhdrNav li.bedding a { background-position: -506px 0; height: 55px; }
#subhdrNav li.transport a { background-position: -607px 0; height: 55px; }
#subhdrNav li.litter a { background-position: -708px 0; height: 55px; }
#subhdrNav li.fishfood a { background-position: -810px 0; height: 55px; }
#subhdrNav li.tethering a.active { background-position: 0 -55px; height: 66px; }
#subhdrNav li.toys a.active { background-position: -101px -55px; height: 66px; }
#subhdrNav li.grooming a.active { background-position: -202px -55px; height: 66px; }
#subhdrNav li.shampoos a.active { background-position: -304px -55px; height: 66px; }
#subhdrNav li.fleas-worming a.active { background-position: -405px -55px; height: 66px; }
#subhdrNav li.bedding a.active { background-position: -506px -55px; height: 66px; }
#subhdrNav li.transport a.active { background-position: -607px -55px; height: 66px; }
#subhdrNav li.litter a.active { background-position: -708px -55px; height: 66px; }
#subhdrNav li.fishfood a.active { background-position: -810px -55px; height: 66px; }
