/* viyo css - written and maintained by Niels Matthijs                        */
/* Yahoo fonts.css integrated. (c) 2007, Yahoo! Inc. All rights reserved.     */

/* ========================================================================== */
/* 00. base styles                                                            */

/* set base body ............................................................ */
body {font:13px/1 "Lucida Grande", "Lucida Sans", arial,trebuchet MS,tahoma,helvetica,clean,sans-serif; background:#244868; color:#fff;}

/* general reset ............................................................ */
* {margin:0; padding:0;}
div, p, li, span, a {line-height:1.25em;}
html, body, form, img, fieldset, legend, table, tbody, thead, tfoot, tr, th, td {border:none;}
li {list-style:none;}

/* hide elements from screen but not from source ............................ */
.hidden,.hide {position:absolute !important; top:auto; left:-999em;}

/* clearfix class ........................................................... */
.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 */

/* ========================================================================== */
/* 01. page frame                                                             */

/* site frame ............................................................... */
#allContainer {font-size:93%; width:79.45em; margin:0 auto; background:#fff; color:#000; overflow:hidden;}
#allContainer #header {margin:0.5em; margin-bottom:0; background:#6eb6d3 url("img/header-bg.gif") left top repeat-x;}
#allContainer #header #headerWrap {height:145px; position:relative; padding-top:1px;}
#allContainer #header #headerWrap2 {background:url("img/header-lb.gif") left 27px no-repeat;}
#allContainer #footer {background:#6fb7d3 url("img/footer-bg.gif") left top repeat-x; margin:0.5em;}
#allContainer #footer #footerWrap1 {background:url("img/footer-rb.gif") right bottom no-repeat;}
#allContainer #footer #footerWrap2 {background:url("img/footer-rt.gif") right top no-repeat;}
#allContainer #footer #footerWrap3 {background:url("img/footer-lt.gif") left top no-repeat; overflow:hidden;}

/* meta info ................................................................ */
.metaInfo {overflow:hidden; position:absolute; top:0; left:0; right:0;}

/* grid one ................................................................. */
.gridOne .content {padding-top:2em;}

/* grid two right ........................................................... */
.gridTwoRight {padding-right:22em; margin:0em 0.5em;}
.gridTwoRight .wrapper .content {float:left; width:100%; padding-top:2em;}
.gridTwoRight .wrapper .content .contentbox {margin:0 1em 0 2em;}
body#home .gridTwoRight .wrapper .content .contentbox{margin:0;}
.gridTwoRight .wrapper .context {float:right; width:22em; margin-right:-22em; padding-top:10px; top:-45px; background:url("img/context-top.gif") right top no-repeat; position:relative; z-index:10;}
.gridTwoRight .wrapper .context .contextWrap {background:#fff url("img/context-left.gif") left top no-repeat; min-height:45px;} /* height set in viyo-ie6.css */
.gridTwoRight .wrapper .context .contextWrap2 {padding:0.85em 0.5em 0em 1.5em; }

/* ========================================================================== */
/* 02. headings                                                               */

/* general heading declaration .............................................. */
.heading {font-size:100%; color:#000;}
/* hX specifications */
h1.heading {margin:1em 0em;}
h1.heading span {font-size:138.5%; color:#0e2951;}
h2.heading span {font-size:131%;}
h3.heading span {font-size:116%;}

body #home h1.heading,#home h1.heading{display:none;}

/* ========================================================================== */
/* 03. links & buttons                                                        */

/* basic link ............................................................... */
a {color:#036;}
a:hover {color:#000;}

/* more link ................................................................ */
a.more {background:url("img/link-more.gif") right 0.45em no-repeat; padding-right:11px;}
a.more:hover {background-image:url("img/link-more-hover.gif");}
/* submit ................................................................... */
.submit {color:#244868; border:1px solid #ccc; background:#c1c1c1 url("img/submit-bg.gif") left top repeat-x; padding:0.25em;}


/* call to action ........................................................... */
a.call {display:block; border:1px solid #ccc; background:#c1c1c1 url("img/link-call-bg.gif") left top repeat-x; text-decoration:none; font-weight:700; text-align:center;}
a.call span {display:block;}
a.call .callWrap1 {background:url("img/link-call-rb.gif") right bottom no-repeat; margin:-1px;}
a.call .callWrap2 {background:url("img/link-call-lb.gif") left bottom no-repeat;}
a.call .callWrap3 {background:url("img/link-call-rt.gif") right top no-repeat;}
a.call .callWrap4 {background:url("img/link-call-lt.gif") left top no-repeat;min-height:35px; line-height:35px; font-size:100%; padding:0em 0.5em;}	/* height set in viyo-ie6.css */

a.call {display:block; border:1px solid #ccc; background:#C1C1C1 url("img/submit-bg.gif") repeat-x scroll right center;text-decoration:none; font-weight:300; text-align:center;color:#244868}
a.call span {display:block;}
a.call .callWrap4 {font-size:100%; padding:0em 0.25em;min-height:22px; line-height:22px; }	/* height set in viyo-ie6.css */

input.advancer {background:#c1c1c1 url("img/submit-bg2.gif") repeat-x right center; padding:0.5em 25px 0.5em 0.5em;}
a.advancer {background:#c1c1c1 url("img/submit-bg2.gif") repeat-x right center; padding:0;}
a.advancer .callWrap4 { padding:0.25em 0.5em;padding-right:25px;}

/* ========================================================================== */
/* 04. navigation                                                             */

body#languagePage {background:#006293;}
#languageSelect {position:relative; background:#6FB6D4 url("img/language-bg-top.jpg") top center repeat-x; padding-top:64px; width:50em; margin:4em auto; margin-bottom:0;}
#languageSelect #languageWrap1 {background:url("img/language-tl.gif") top left no-repeat;}
#languageSelect #languageWrap2 {background:url("img/language-br.gif") bottom right no-repeat;}
#languageSelect #languageWrap3 {background:url("img/language-tr.gif") top right no-repeat;} 
#languageSelect #languageWrap4 {background:url("img/language-bl.gif") bottom left no-repeat; width:50em; min-height:350px;} 
#languageSelect .siteLabel {left:8em; top:0px;}
/* languages */
#languageSelect ul {padding:0em 5em; padding-top:21.5em;}
#languageSelect ul.langFive {padding-left:4em; padding-right:4em;} 
#languageSelect ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#languageSelect ul {display:inline-block; display:block;}
#languageSelect ul li {float:left;text-align:center;}
#languageSelect ul.langThree li {width:33%;}
#languageSelect ul.langFour li {width:25%;}
#languageSelect ul.langFive li {width:20%;}
#languageSelect ul li a {text-decoration:none; background:url("img/language-arrow.gif") left 0.25em no-repeat; padding-left:17px;}
#languageSelect ul li a:hover {text-decoration:underline;}
/* language not available */
#languageSelect .languageError {position:absolute; bottom:8em; color:#287EA7; font-weight:700; margin:0em 5em; width:40em;}
#languageSelect.langFive .languageError {margin:0em 4em;}
#languageSelect .languageError p {color:#006293; font-weight:700; font-size:116%;}
/* footer */
body#languagePage #footer {width:50em; margin:0pt auto; text-align:center; font-weight:700;}

/* language navigation ...................................................... */
.navLang {background:#fff url("img/navLang-rb.gif") right bottom no-repeat; float:left; margin-left:200px;}
.navLang ul {background:url("img/navLang-lb.gif") left bottom no-repeat; padding:0.5em; padding-top:0; overflow:hidden;}
.navLang ul li {float:left; margin-right:0.5em;}       
.navLang ul li .page {background:#244868; border:1px solid #244868; padding:0.5em; color:#fff; text-transform:uppercase; font-weight:700; text-decoration:none; display:block; font-size:85%; line-height:1em;}
.nl .navLang ul li .link_nl,.fr .navLang ul li .link_fr,.en .navLang ul li .link_en,.de .navLang ul li .link_de,.es .navLang ul li .link_es{background:#fff; border-color:#C8D1D9; color:#244868}
.navLang ul li.last {margin-right:0;}

/* secondary navigation ..................................................... */
.navSecond {float:right; margin-right:2em;}
.navSecond ul {margin-top:0.5em;}
.navSecond ul li {float:left; background:url("img/navSecond-head-sep.gif") right top repeat-y; padding-right:1px;}
.navSecond ul li a {color:#244868; text-decoration:none; margin:0em 0.75em;}
.navSecond ul li.last {background:none; padding-right:0;}
/* in footer */
#footer .navSecond {float:left; background:url("img/footer-sep.gif") left 1em no-repeat; padding-left:3px; margin-left:0.5em;}
#footer .navSecond ul li {background:url("img/navSecond-foot-sep.gif") right center no-repeat;}
#footer .navSecond ul li .page {text-decoration:underline;}
#footer .navSecond ul li.last {background:none;}
.affiliate .navSecond ul li.listitem_3 {background:none;padding-right:0;}
.affiliate .navSecond ul li#item_796,.affiliate .navSecond ul li#item_3439{display:none;}
.affiliate #footer .navSecond ul li{background:none;}
.affiliate #footer .navSecond ul li.last{display:none;}

/* main navigation .......................................................... */
.navMain {margin-top:109px;}
.navMain ul {margin-left:185px; margin-right:22em; border-top:1px solid #e4f1f7; overflow:hidden; padding-left:1.5em;}
.navMain ul li {float:left; margin-right:1.3em;}
.navMain ul li a {color:#0e2951; text-transform:uppercase; font-weight:700; text-decoration:none;line-height:35px;}
.navMain ul li a span {line-height:35px;}
.navMain ul li.active a {color:#fff;}
.navMain ul li.last {margin-right:0;}

/* paging ------------------------------------------------------------------- */
.paging {margin-bottom:1em; margin:1em 0;}
.paging h2.heading span {font-size:100%; font-weight:700;}
.paging .pageWrap {padding:0.5em;background:#F0F8FB;border:1px solid #DBEDF4; margin-top:0.5em;}
.paging .pageWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.paging .pageWrap {display:inline-block; display:block;}

/* results */
.paging .result {float:left; font-weight:700;}
.paging .result span {font-weight:700;}
/* pager */
.paging .pager {float:right;}
.paging.bottom .pager {float:none; text-align:center;}
.paging.bottom .pager ul li{float:none; display:inline;}
.paging.bottom .pager .pageNumbers {display:inline;}

#main .paging .pager ul {margin:0}
.paging .pager a {text-decoration:none;}
.paging .pager a:visited {color:#036}
.paging .pager span.first a {padding-left:13px; background:url("img/arrow-paging-first.gif") left 0.3em no-repeat;}
.paging .pager span.prev a {padding-left:10px; background:url("img/arrow-paging-prev.gif") left 0.3em no-repeat;}
.paging .pager span.next a {padding-right:10px; background:url("img/arrow-paging-next.gif") right 0.3em no-repeat;}
.paging .pager span.last a {padding-right:13px; background:url("img/arrow-paging-last.gif") right 0.3em no-repeat;}
.paging .pager span {margin-left:0.25em;}
.paging .pager span a:hover{text-decoration:underline;}
.paging .pager span.prev {padding-right:10px; background:url("img/paging-separator.gif") right 0.15em no-repeat;}

.paging .pager ul {margin:0em 1em;}
.paging .pager ul li {float:left; margin-right:0.5em;}
.paging .pager ul li.first {background:none; padding-left:0;}
.paging .pager ul li.active {background:#036;}
.paging .pager ul li.active .page {background:#036; color:#fff; font-weight:700; margin:0;}

.paging .pager .first {padding-right:0.5em}
.paging .pager .last {padding-left:0.5em}

.paging .pager .pageNumbers {padding:0em; overflow:hidden;}
.paging .pager .pageNumbers li {border:1px solid #B4C7D6;}
.paging .pager .pageNumbers .page {background:#F2F5F7;padding:0 0.4em;}
.paging .pager .pageNumbers a:visited {color:#7a87a2;}
.paging .pager .pageNumbers a:hover {background:#036;color:#fff;}
.paging .pager .pageNumbers .hellip {padding:0 0.5em; border:none;}
.paging .pager .pageNumbers .hellip .page {border:none;background:transparent;text-decoration:underline;}
.paging .pager .pageNumbers .hellip.prev a.page:hover {color:#036;background:transparent url(../images/css_arrow_hellip-prev.gif) no-repeat center 0.1em;}
.paging .pager .pageNumbers .hellip.next a.page:hover {color:#036;background:transparent url(../images/css_arrow_hellip-next.gif) no-repeat center 0.1em;}

/* text block ............................................................... */
.navAction {overflow:hidden;}
.navAction .wrapper {float:right;margin-right:1em;clear:both;}
.navAction .question {float:left;margin-right:0.5em;padding-top:0.4em;font-size:93%}
/* in pricelist */
.priceList .navAction {border-bottom:1px solid #ccc;padding:0.25em 0.25em 0.25em 0;background:#ccc;}
.priceList .navAction .wrapper {margin-right:0;}
.priceList .navAction .question {float:left;}
.priceList .navAction .submit {float:right;border-color:#bbb}

/* ========================================================================== */
/* 05. simple content                                                         */

/* text block ............................................................... */
.textblock {margin:1em 0em;}
.textblock .heading {color:#0e2951; margin:0.5em 0em;}
.textblock .heading span {font-size:100%;}
.content p {line-height:1.45em; margin:1em 0em;}
.content ul {margin:1em 0em;}
.textblock ul li, #viyo-elite-puppy .contentbox ul li,#viyo-elite-adult .contentbox ul li {margin:0.5em 0em; padding-left:12px; background:url("img/list-bullet.gif") left 0.5em no-repeat;}
/* in content */
.content .textblock {margin:1em 0;}
body#home .content .textblock,#shows .content .textblock{margin:0;}
#shows .textblock ul,#shows .textblock ul li{margin:0;padding:0;background:none;}
.textblock ul li.newsItem {background:none;padding-left:0;}

/* image .................................................................... */
.image.left {margin:0.5em; margin-left:0;}
.image img {display:block;}
.image .graphic {text-align:center;}
/* floated image */
.image.leftImg {float:left; padding:1em; padding-bottom:0.5em; padding-left:0;}
.image.rightImg {float:right; padding:1em; padding-bottom:0.5em; padding-right:0;}


/* ========================================================================== */
/* 06. specific components                                                    */

/* site label ............................................................... */
.siteLabel {position:absolute; top:16px; left:20px;}
.siteLabel .siteTag {position:absolute; left:-999em; top:auto;}

/* copyright notice ......................................................... */
#footer .copyright {float:left; font-weight:700; padding:0.5em; background:url("img/footer-lb.gif") left bottom no-repeat;}

/* banner ................................................................... */
.banner {border:1px solid #244868; background:#fff url("") center top no-repeat;}
.banner .bannerWrap1 {margin:-1px; background:url("img/banner-rb.gif") right bottom no-repeat;}
.banner .bannerWrap2 {background:url("img/banner-lb.gif") left bottom no-repeat;}
.banner .bannerWrap3 {background:url("img/banner-rt.gif") right top no-repeat;}
.banner .bannerWrap4 {background:url("img/banner-lt.gif") left top no-repeat; overflow:hidden; padding:1px;}
.banner .bannerWrap4 .bannerContent {overflow:hidden; background:#244868;}
.banner .bannerWrap4 .bannerContent h3 {color:#fff; font-style:italic; font-weight:700; margin:0.75em;}
.banner .bannerWrap4 .bannerContent h3 span {font-size:100%;}
.banner .bannerWrap4 .bannerContent p {color:#fff; margin:0.75em;}
/* in focus */
.focus .banner {margin:0.75em;}
/* on showpage */
#shows .banner, #affiliate.newsShows .banner {border-width:2px;}
#shows .banner .bannerWrap1, #affiliate.newsShows .banner .bannerWrap1 {margin:-2px;}
#shows .banner .bannerWrap3, #affiliate.newsShows .banner .bannerWrap3 {background-image:url("img/banner-show-rt.gif");}
#shows .banner .bannerWrap4, #affiliate.newsShows .banner .bannerWrap4 {background-image:url("img/banner-show-lt.gif");}
/* in products */
.focus.products .banner {border:none; background:#f5e5ef;}
.focus.products .bannerWrap1 {background-image:url("img/banner-product-rb.gif"); margin:0;}
.focus.products .bannerWrap2 {background-image:url("img/banner-product-lb.gif");}
.focus.products .bannerWrap3 {background-image:url("img/banner-product-rt.gif");}
.focus.products .bannerWrap4 {background-image:url("img/banner-product-lt.gif");}
.focus.products .bannerWrap4 .bannerContent {background:none; text-align:center;}
.focus.products .bannerWrap4 .bannerContent .heading {color:#606; font-style:italic;}
.focus.products .bannerWrap4 .bannerContent .heading span {font-size:131%;}
.focus.products .bannerWrap4 .bannerContent p {color:#606; font-style:italic; font-weight:700; font-size:93%;}
.focus.products .bannerWrap4 .bannerContent h3 {font-size:131%;color:#606;}
/* in affiliates */
body.affiliate #home .banner {border:none; margin:0.5em 0 1.5em; background:#fff url("img/affiliate-banner-bg.gif") bottom left repeat-x;}
body.affiliate #home .banner .bannerWrap1 {background-image:url("img/affiliate-banner-rb.gif"); margin:0;}
body.affiliate #home .banner .bannerWrap2 {background-image:url("img/affiliate-banner-lb.gif");}
body.affiliate #home .banner .bannerWrap4 {min-height:250px;}
body.affiliate #home .banner .bannerWrap4 .bannerContent {background:none; text-align:left; margin:0.75em 1.25em; margin-top:0em;}
body.affiliate #home .banner .bannerWrap3, body.affiliate #home .banner .bannerWrap4 {background:none; padding:0;}
body.affiliate #home .bannerWrap4 .bannerContent .heading {color:#606; font-style:italic;}
body.affiliate #home .bannerWrap4 .bannerContent .heading span {font-size:138.5%;}
body.affiliate #home .bannerWrap4 .bannerContent h3 {color:#606;}
body.affiliate #home .bannerWrap4 .bannerContent p {color:#606; font-style:italic; font-weight:700; font-size:93%;}
body.affiliate #home .banner .summaryList .productHead {background:#603 url("img/aff-banner-title-rt.gif") right top no-repeat;}
body.affiliate #home .banner .summaryList .productHead .heading {background:url("img/aff-banner-title-rb.gif") right bottom no-repeat;}
body.affiliate #home .banner .summaryList .productHead .heading .headWrap {background:url("img/aff-banner-title-lb.gif") left bottom no-repeat; display:block;}
body.affiliate #home .banner .summaryList .productHead .heading .headWrap span {background:url("img/aff-banner-title-lt.gif") left top no-repeat; font-size:93%; display:block; text-align:center;}
body.affiliate #home .banner .summaryList .productHead .heading .headWrap span a {color:#fff; text-decoration:none; font-style:normal; display:block; padding:0.5em; }
body.affiliate #home .banner .summaryList .last .productHead {background:#036 url("img/aff-banner-title-rt-blue.gif") right top no-repeat;}
body.affiliate #home .banner .summaryList .last .productHead .heading {background-image:url("img/aff-banner-title-rb-blue.gif");}
body.affiliate #home .banner .summaryList .last .productHead .heading .headWrap {background-image:url("img/aff-banner-title-lb-blue.gif"); }
body.affiliate #home .banner .summaryList .last .productHead .heading .headWrap span {background-image:url("img/aff-banner-title-lt-blue.gif");}

/* affiliate ................................................................ */
body.affiliate #allContainer #header #headerWrap {background:none;}
body.affiliate .siteLabel .siteTag {left:185px; bottom:62px; color:#0E2951; width:auto; width:20em; font-size:116%; font-weight:700; font-style:italic;}
body.affiliate .siteLabel .siteTag span {display:block; margin-top:0.15em; font-size:131%;}

/* grid spread .............................................................. */
.gridSpread:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.gridSpread {display:inline-block; display:block; margin:1.5em 0 1.5em;}
.gridSpread .focus {float:left; width:48.5%; margin:0em; margin-right:2%;}
.gridSpread .rightFocus {margin-right:0em; float:right;}
.gridSpread .focus .image, .gridSpread .focus .movie {margin:0.75em; overflow:hidden;}
.gridSpread .focus .image .graphic {border:1px solid #6DB6D3;}
.gridSpread .focus .foot {margin:0.75em;}


/* focus box ................................................................ */
.focus {border:1px solid #6db6d3; margin:1em;}
.focus .focusWrap1 {margin:-1px; background:url("img/focus-rb.gif") right bottom no-repeat;}
.focus .focusWrap1 .focusWrap2 {background:url("img/focus-lb.gif") left bottom no-repeat; overflow:hidden;}
.focus h2.heading {background:#6fb7d4 url("img/focus-head-bg.gif") left top repeat-x;}
.focus h2.heading .headWrap {display:block; background:url("img/focus-lt.gif") left top no-repeat; padding:0px 1px;}
.focus h2.heading span {display:block; background:url("img/focus-head-rb.gif") right bottom no-repeat; padding:0.5em 0.75em; font-size:100%; color:#0e2951;}
.focus .textblock {margin:0.75em;}
.focus .textblock .image .graphic {border:1px solid #003366;}
.focus a.call {width:15em; margin:1em auto; border:none; background:#254969 url("img/link-call-focus.gif") left top repeat-x;}
.focus a.call .callWrap1 {background-image:url("img/link-call-focus-rb.gif"); margin:0;}
.focus a.call .callWrap2 {background-image:url("img/link-call-focus-lb.gif");}
.focus a.call .callWrap3 {background-image:url("img/link-call-focus-rt.gif");}
.focus a.call .callWrap4 {background-image:url("img/link-call-focus-lt.gif"); min-height:40px; line-height:1.5em; font-size:116%; padding:0.5em 1em; color:#fff;}  /* height set in viyo-ie6.css */
/* on homepage */
body#home .content .focus {margin:0; margin-top:2em; float:left; width:27em;}
body#home .content .focus.family {background:#f0f8fb; margin-right:1.5em;}
body#home .content .focus.family .textblock {margin:0.75em 2em; font-size:93%;}
/* in context */
.context .focus {margin:1em 0em;}
/* focus news */
.focus.news {background:#f0f8fb;}
/* focus dog */
.focus.dog {background:#f0f8fb;}
/* focus trooper */
.focus.profileTrooper {margin:1.5em 0 1.5em; background:#E5EFF4 url("img/elite.jpg") no-repeat 97.5% 3em; border:1px solid #6DB6D3;}
.focus.profileTrooper h2.heading {margin:0em;}
.focus.profileTrooper .textblock.intro {margin-right:140px; font-weight:700;min-height:100px;}
.focus.profileTrooper .textblock h2.heading {background:none;}
.focus.profileTrooper .textblock h2.heading span {background:none; padding:0em; color:#000; font-size:108%;}
/* focus gallery */
body .focus.gallery {margin:1.5em 0 1.5em; background:#E5EFF4;}
body .focus.gallery .gallery ul {margin:1em 1.75em; margin-bottom:0.5em;}
body .focus.gallery div.extra {margin:0em 1.75em; margin-bottom:1em;}
body .focus.gallery div.extra a {font-weight:700;}
body .focus.gallery .gallery ul li {margin-right:0.75em;}
body .focus.gallery .gallery ul li .image .graphic {padding:0; width:auto; height:auto; border:1px solid #003366; line-height:normal;}
/* focus profile */
.focus.profile {background-color:#E5EFF4;}
.focus.profile .textblock {margin:1.25em 0.75em;}
.focus.profile .textblock ul {margin-top:0.5em; margin-left:0.25em;}
.focus.profile .textblock h3.heading span {font-size:108%;}
.focus.profile .vcard {margin:0.75em;}
.focus .vcard .adr, .focus .vcard .faxPhone {margin-bottom:1em;}
.focus .vcard .otherInfo {margin-bottom:1.5em;}
.focus .vcard .location a {padding-right:11px; background:url("img/link-more.gif") no-repeat right 0.45em;}
/* on about page */
.affiliate.about .focus.profile .vcard {border-bottom:1px solid #CCCCCC;}
/* on show page */
.affiliate .content .focus.results {float:right; margin-right:0; width:20em; }
.affiliate .content .focus.results {}

/* mini gallery ............................................................. */
#allContainer .miniGallery {background:#FFFFFF; margin:0.75em; border:1px solid #D0E8F1;}
#allContainer .miniGallery .heading {background:#B7DBE9; padding:0.5em 0.75em;}
#allContainer .miniGallery .heading span span {font-size:100%; color:#0E2951;}
#allContainer .miniGallery .gallery ul {margin:1em; margin-bottom:0.5em;}
#allContainer .miniGallery .gallery ul li {margin-right:0.75em;}
#allContainer .miniGallery .gallery ul li .image .graphic {padding:0; width:auto; height:auto; border:1px solid #003366; line-height:normal;}
#allContainer .miniGallery div.extra {margin:0em 1em; margin-bottom:1em;}
#allContainer .miniGallery div.extra a {font-weight:700;}

/* sub focus box ............................................................ */
.focus .focusSub h3.heading {margin:0.75em; background:#bcddeb url("img/focus-sub-rb.gif") right bottom no-repeat; border-top:1px solid #6db6d3; color:#0e2951;}
.focus .focusSub h3.heading span {display:block; background:url("img/focus-sub-lb.gif") left bottom no-repeat; padding:0.5em; font-size:100%;}
.focus .focusSub .movie {margin:0.75em; margin-bottom:-0.5em;}
.focus .focusSub .movie object {display:block;}
.focus .focusSub .foot {margin:0.75em;}

/* summary list ............................................................. */
.summaryList .foot {margin:1em 0.75em;}
/* in sub focus */
.focus .focusSub .summaryList .foot {margin:1em;}
/* shows page */
#shows .content .summaryList, #affiliate.newsShows .content .summaryList {font-size:93%;}


/* news item ................................................................ */
.newsItem {position:relative; padding-top:1.5em; margin:1em 0; border-bottom:1px solid #bfccd9; padding-bottom:1em;}
.newsItem .newsHead .heading a {text-decoration:none;}
.newsItem .newsHead .date {position:absolute; top:0; left:0; color:#333; font-weight:700;}
.newsItem .newsContent .textblock {margin:0; margin-top:-0.5em;}
.newsItem .newsContent .image {float:left; border:1px solid #06386a;}
.newsItem.last {border-bottom:none;}
#module_news .date {color:#333; font-weight:700;}
/* in focus block */
.focus .newsItem {margin:0.75em; border:none; padding-bottom:0; padding-top:1.25em;}
.focus .newsItem .newsHead {font-size:93%;}
.focus .newsItem .newsHead .heading a {text-decoration:underline;}

/* show item ................................................................ */
.showItem {position:relative; padding-top:1.5em; margin:1em 0; border-bottom:1px solid #bfccd9;}
.showItem .showHead {overflow:hidden;}
.showItem .showHead .heading {float:left; color:#036;}
.showItem .showHead .heading a {text-decoration:none;}
.showItem .showHead .date {position:absolute; top:0; left:0; color:#333; font-weight:700;}
.showItem .showHead .type {position:absolute; right:0; top:0; color:#244868; font-weight:700;}
.showItem .showHead .place {font-weight:700; float:left; line-height:1.5em; background:url("img/show-place-spacer.gif") left 0.7em no-repeat; padding-left:10px; margin-left:10px;}
.showItem .showHead .manage_buttons {position:absolute; top:0; right:0;clear:both;}
.showItem .showHead form .heading,.showItem .showHead form .place{padding:5px 0;}
.showItem .showContent {margin:0.75em 0em;clear:both;}
.showItem .showContent .textblock {margin-top:-0.5em;}
.showItem .showContent .image {float:left; border:1px solid #06386a;}
.showItem .showContent .spec {margin:0.25em 0em;}
.showItem.last {border-bottom:none;}

/* datepicker */
.showItem .editDate {position:relative;padding-right:25px;}
.showItem input.dp-applied {float:none;}
.showItem a.dp-choose-date {position:absolute;top:0;right:0;}

.summaryList .showItem.elite {position:relative;}
.summaryList .showItem.elite .showHead .heading, .summaryList .showItem.elite-viyo-elite .showHead .date {margin-left:0;}
.summaryList .showItem.elite .showHead .image {position:absolute; top:0em; left:0em;}
.summaryList .showItem.elite .showHead {margin-left:47px;}
.summaryList .showItem.elite .showHead .date { position:absolute; top:0em; left:47px;}
.summaryList .showItem.elite .showContent {margin-top:1em;}
/* in focus block */
.focus .showItem {margin:1em; border:none; padding-bottom:0; padding-top:1.25em;}
.focus .showItem .showHead {font-size:93%;}
.focus .showItem .showHead .heading {float:none; padding-right:7.5em; }
.focus .showItem .showHead .heading a {text-decoration:underline;}
.focus .showItem .showHead .place {float:none; margin:0; margin-top:0.1em; padding:0; background:none;}
/* show results */
body.showResults .summaryList {margin-top:2.25em;}
.focus .showItem.result {margin-bottom:2.25em;}
.focus .showItem.result .showHead {font-size:100%;}
.focus .showItem.result .heading a {text-decoration:none;} 
.focus .showItem.result .heading span {font-size:123.1%;}
.focus .showItem.result .showHead .rankings {font-size:100%;}
.showItem.result .heading {float:none;}
.showItem.result .heading a {text-decoration:none;}
.showItem.result .showHead .rankings {clear:left; margin-top:0.5em; font-size:93%;}
.showItem.result .showHead .rankings .spec {font-weight:700; margin-bottom:0.25em;}

/* product item ............................................................. */
.productItem {margin:1.5em 0;}
.productItem .productWrap2 {position:relative; overflow:hidden;}
.productItem .heading {color:#244868;}
.productItem .productContent p {margin:0.5em 0em;}
/* young */
.productItem.productnr_0,
.productItem.productnr_1,
.productItem.productnr_4,
.productItem.productnr_5{background:#f5e5ef url("img/product-pink-bg.gif") left top repeat-x;}
.productItem.productnr_0 .productWrap1,
.productItem.productnr_1 .productWrap1,
.productItem.productnr_4 .productWrap1,
.productItem.productnr_5 .productWrap1 {background:url("img/product-pink-rb.gif") right bottom no-repeat;}
.productItem.productnr_0 .productWrap2,
.productItem.productnr_1 .productWrap2,
.productItem.productnr_4 .productWrap2,
.productItem.productnr_5 .productWrap2 {background:url("img/product-pink-lt.gif") left top no-repeat;}
.productItem.productnr_2,
.productItem.productnr_3,
.productItem.productnr_6,
.productItem.productnr_7 {background:#daedf4 url("img/product-blue-bg.gif") left top repeat-x;}
.productItem.productnr_2 .productWrap1,
.productItem.productnr_3 .productWrap1,
.productItem.productnr_6 .productWrap1,
.productItem.productnr_7 .productWrap1 {background:url("img/product-blue-rb.gif") right bottom no-repeat;}
.productItem.productnr_2 .productWrap2,
.productItem.productnr_3 .productWrap2,
.productItem.productnr_6 .productWrap2,
.productItem.productnr_7 .productWrap2 {background:url("img/product-blue-lt.gif") left top no-repeat;}
/* on shoppage */
#mod_catalog .productItem .productWrap2 {padding-left:85px; min-height:160px;}         /* height set in viyo-ie6.css */
#mod_catalog .productItem  .image {position:absolute; left:10px; top:10px;}
#mod_catalog .productItem .productHead {margin-top:1em; padding-right:10em;}
#mod_catalog .productItem .productHead .heading {display:inline;}
#mod_catalog .productItem .productHead .type {display:inline; font-size:108%; font-weight:700; margin-left:0.25em;}
#mod_catalog .productItem .productContent {padding-right:15em;}
#mod_catalog .productItem .productContent .extra {margin:0.75em 0em;}
#mod_catalog .productItem .productContent .productInfo {font-size:93%; color:#244868; font-weight:700;}
#mod_catalog .productItem .productContent .orderInfo {position:absolute; right:1em; bottom:1em; overflow:hidden; padding-top:2em; width:18em;}
#mod_catalog .productItem .productContent .orderInfo .price {color:#fff; font-weight:700; position:relative; float:right;}
#mod_catalog .productItem .productContent .orderInfo .price span {position:absolute; top:-1.5em; right:0; color:#000; font-size:93%; font-weight:300;}
#mod_catalog .productItem.productnr_0 .productContent .orderInfo .price,
#mod_catalog .productItem.productnr_1 .productContent .orderInfo .price,
#mod_catalog .productItem.productnr_4 .productContent .orderInfo .price,
#mod_catalog .productItem.productnr_5 .productContent .orderInfo .price {background:#603 url("img/price-pink-rb.gif") right bottom no-repeat;}
#mod_catalog .productItem.productnr_0 .productContent .orderInfo .priceWrap1,
#mod_catalog .productItem.productnr_1 .productContent .orderInfo .priceWrap1,
#mod_catalog .productItem.productnr_4 .productContent .orderInfo .priceWrap1,
#mod_catalog .productItem.productnr_5 .productContent .orderInfo .priceWrap1 {background:url("img/price-pink-lb.gif") left bottom no-repeat;}
#mod_catalog .productItem.productnr_0 .productContent .orderInfo .priceWrap2,
#mod_catalog .productItem.productnr_1 .productContent .orderInfo .priceWrap2,
#mod_catalog .productItem.productnr_4 .productContent .orderInfo .priceWrap2,
#mod_catalog .productItem.productnr_5 .productContent .orderInfo .priceWrap2 {background:url("img/price-pink-rt.gif") right top no-repeat;}
#mod_catalog .productItem.productnr_0 .productContent .orderInfo .priceWrap3,
#mod_catalog .productItem.productnr_1 .productContent .orderInfo .priceWrap3,
#mod_catalog .productItem.productnr_4 .productContent .orderInfo .priceWrap3,
#mod_catalog .productItem.productnr_5 .productContent .orderInfo .priceWrap3 {background:url("img/price-pink-lt.gif") left top no-repeat; padding:0.5em;}
#mod_catalog .productItem.productnr_2 .productContent .orderInfo .price,
#mod_catalog .productItem.productnr_3 .productContent .orderInfo .price,
#mod_catalog .productItem.productnr_6 .productContent .orderInfo .price,
#mod_catalog .productItem.productnr_7 .productContent .orderInfo .price {background:#036 url("img/price-blue-rb.gif") right bottom no-repeat;}
#mod_catalog .productItem.productnr_2 .productContent .orderInfo .priceWrap1,
#mod_catalog .productItem.productnr_3 .productContent .orderInfo .priceWrap1,
#mod_catalog .productItem.productnr_6 .productContent .orderInfo .priceWrap1,
#mod_catalog .productItem.productnr_7 .productContent .orderInfo .priceWrap1 {background:url("img/price-blue-lb.gif") left bottom no-repeat;}
#mod_catalog .productItem.productnr_2 .productContent .orderInfo .priceWrap2,
#mod_catalog .productItem.productnr_3 .productContent .orderInfo .priceWrap2,
#mod_catalog .productItem.productnr_6 .productContent .orderInfo .priceWrap2,
#mod_catalog .productItem.productnr_7 .productContent .orderInfo .priceWrap2 {background:url("img/price-blue-rt.gif") right top no-repeat;}
#mod_catalog .productItem.productnr_2 .productContent .orderInfo .priceWrap3,
#mod_catalog .productItem.productnr_3 .productContent .orderInfo .priceWrap3,
#mod_catalog .productItem.productnr_6 .productContent .orderInfo .priceWrap3,
#mod_catalog .productItem.productnr_7 .productContent .orderInfo .priceWrap3 {background:url("img/price-blue-lt.gif") left top no-repeat; padding:0.5em;}
#mod_catalog .productItem .productContent .orderInfo .formrow {clear:right; padding-top:0.75em; margin:0;}
#mod_catalog .productItem .productContent .orderInfo .formrow .inputElement {overflow:hidden;}
#mod_catalog .productItem .productContent .orderInfo .formrow .inputElement .inputCaption {width:11.45em; float:left;}
#mod_catalog .productItem .productContent .orderInfo .formrow .inputElement .inputCaption .label {line-height:2.5em;}
#mod_catalog .productItem .productContent .orderInfo .formrow .inputElement .inputControl {margin-left:0.5em; float:right;}
#mod_catalog .productItem .productContent .orderInfo .formrow .textfield {width:4.5em; text-align:right; padding:0.4em; font-weight:700;}
/* on homepage */
body#home .productItem, body.affiliate #home .productItem {position:relative; float:left; width:44%; margin:0; margin-left:1em; font-size:93%;}
body#home .productItem .productWrap2 {padding-top:135px;}
body#home .productItem .image {position:absolute; top:0; left:0; right:0;}
body#home .productItem .image img {display:inline;}
body#home .productItem .heading a {text-decoration:none; background:url("img/link-more.gif") right 0.4em no-repeat; padding-right:9px;}
body#home .productItem .heading a:hover {background-image:url("img/link-more-hover.gif");}

body#home .focus.products .summaryList ul {overflow:hidden; background:url("img/product-grid.gif") center top repeat-y;}
body#home .focus.products .summaryList .productItem.last, body.affiliate #home .summaryList .productItem.last {width:43%; float:right; margin-right:1em; margin-left:0;}
/* on affiliates homepage */
body.affiliate #home .banner .summaryList ul {background:url("img/product-grid-affiliate.gif") center top repeat-y;}
body.affiliate #home .banner .summaryList ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
body.affiliate #home .banner .summaryList ul {display:inline-block; display:block;}
body.affiliate #home .banner .summaryList {margin-top:1.25em;}
body.affiliate #home .banner .productItem {width:45%;}
body.affiliate #home .banner .summaryList .productItem.last {width:45%;}
body.affiliate #home .banner .summaryList .productItem .productWrap2 {min-height:180px; padding-right:120px;}
body.affiliate #home .banner .summaryList .productItem .heading {margin-left:0em; margin-right:0em;}
body.affiliate #home .banner .summaryList .productItem p {color:#000; margin-left:0em; margin-right:0em;}
body.affiliate #home .banner .summaryList .productItem .productHead .image {position:absolute; bottom:0em; right:0em;}
/* on points assign page */
#mod_catalog.assign .productItem .productWrap2 {min-height:100px;}
#mod_catalog.assign .productItem .productContent .orderInfo {bottom:0.5em; width:20em;}

/* trooper .................................................................. */
.trooper {margin:1.5em 0; background:#e5eff4 url("img/elite.jpg") 97.5% 1em no-repeat; border:1px solid #bfd8e4;}
.trooper .trooperWrap1 {background:url("img/form-rb.gif") right bottom no-repeat; margin:-1px;}
.trooper .trooperWrap2 {background:url("img/form-lb.gif") left bottom no-repeat;}
.trooper .trooperWrap3 {background:url("img/form-rt.gif") right top no-repeat;}
.trooper .trooperWrap4 {background:url("img/form-lt.gif") left top no-repeat; overflow:hidden;}
.trooper .heading {margin:1em;}
.trooper .trooperContent {padding-left:165px; position:relative;}
.trooper .trooperContent .image {border:2px solid #244868; position:absolute; left:1em; top:0.25em;}
.trooper .trooperContent .textblock {margin:1.5em 0em;}
.trooper .trooperContent .textblock .heading {margin:0.5em 0em; color:#000;}
.trooper .trooperContent .textblock p {margin:0.5em 0em;}
.trooper .specs { margin:0.5em 0em; padding-right:150px; overflow:hidden;}
.trooper .spec {margin:0.1em 0em;}
.trooper .spec .caption {float:left; width:5.5em; text-align:right;}
.trooper .spec .detail {margin-left:6em; display:block; font-weight:700;}
/*overview*/
#trooperOverviewPage .trooper {background-image:url("img/elite_small.png");}
#trooperOverviewPage .trooper .foot {margin:1em 0 1em 6em;}
#trooperOverviewPage .trooper .image.countryFlag {border:none;left:1.25em; top:0.5em;}
/* on homepage */
body#home .trooper {margin:0; background:none; border:none; }
body#home .trooperWrap1, body#home .trooperWrap2, body#home .trooperWrap3, body#home .trooperWrap4 {margin:0; background:none;}
body#home .trooperWrap4 {min-height:80px; margin:0.5em 1em; border-bottom:1px dotted #6fb7d4;}   /* height set in viyo-ie6.css */
body#home .trooper .heading {padding-left:115px; margin:0.25em 0em; color:#244868;}
body#home .trooper .trooperContent {padding-left:115px;}
body#home .trooper .trooperContent .image {top:-1.75em; left:0; border-width:1px;}
body#home .trooper .specs {padding-right:0;}
body#home .trooper .spec .detail {font-weight:300;}
body#home .trooper.last .trooperWrap4 {border-bottom-style:solid;}
body#home .trooper img {width:103px;}


.address {background:#e5eff4; border:1px solid #bfd8e4;}
.address .addressWrap1 {background:url("img/form-rb.gif") right bottom no-repeat; margin:-1px;}
.address .addressWrap2 {background:url("img/form-lb.gif") left bottom no-repeat;}
.address .addressWrap3 {background:url("img/form-rt.gif") right top no-repeat;}
.address .addressWrap4 {background:url("img/form-lt.gif") left top no-repeat; overflow:hidden;padding:1em}
.address .vcard {float:left} 
.address .googleMaps {width:38em;float:right;border:1px solid #036;} 
.address .vcard .adr, .focus .vcard .faxPhone {margin-bottom:1em;}
.address .vcard .otherInfo {margin-bottom:1.5em;}
.address .vcard .location a {padding-right:11px; background:url("img/link-more.gif") no-repeat right 0.45em;}
.address .invisible {display:none;}

/* flash header ............................................................. */
#flashHeader {position:absolute; bottom:2.75em; right:0;}

/* dog ...................................................................... */
.dogItem {margin:0.5em 1em; position:relative; font-size:93%; padding:0.25em 0em;}
.dogItem .dogHead {padding-left:95px; margin:0.25em 0em;}
.dogItem .dogHead .heading {color:#244868; display:inline;}
.dogItem .dogHead .birthday {display:inline; color:#999; margin-left:0.25em;}
.dogItem .dogContent {padding-left:95px; margin:0.25em 0em;}
.dogItem .dogContent .image {top:0.75em; left:0; border-width:1px; position:absolute; border:1px solid #244868;}
.dogItem .dogContent .textblock {margin:0em;}
.dogItem .dogContent .textblock p {margin:0.5em 0em;}
div.dogItem.last {border-bottom-style:solid;}

/* testimonial .............................................................. */
.testimonial {margin:1em 0;}
.testimonial .heading span {font-size:100%;}
.testimonial .specs {background:#e5eff4; border:1px solid #bfd8e4; margin:0.5em 0em;}
.testimonial .specsWrap1 {background:url("img/form-rb.gif") right bottom no-repeat; margin:-1px;}
.testimonial .specsWrap2 {background:url("img/form-lb.gif") left bottom no-repeat;}
.testimonial .specsWrap3 {background:url("img/form-rt.gif") right top no-repeat;}
.testimonial .specsWrap4 {background:url("img/form-lt.gif") left top no-repeat; padding:0.5em; overflow:hidden;}
.testimonial .spec {margin:0.1em 0em;}
.testimonial .spec .caption {font-weight:700; float:left; color:#006293; width:4.5em; text-align:right;}
.testimonial .spec .detail {margin-left:5em; display:block;}
.testimonial .movie {width:450px; margin:1.5em auto;}

/* login box ................................................................ */
.login {border:1px solid #ebebeb; background:#fafafa;}
.login .loginWrap {margin:-1px; background:url("img/login-rb.gif") right bottom no-repeat; overflow:hidden;}
.login .loginWrap .loginWrap2 {background:url("img/login-lb.gif") left bottom no-repeat; overflow:hidden;}
.login h2.heading {background:#ebebeb url("img/login-lt.gif") left top no-repeat;}
.login h2.heading span {display:block; background:url("img/login-head-rb.gif") right bottom no-repeat; padding:0.5em 0.75em; font-size:100%; color:#0e2951;}
/* form */
.login .formbox, .focus .formbox {margin:1em;}
.login .formbox .formrow {margin:0.5em 0em;}
.login .formbox .formrow .inputElement .inputCaption {width:7em;}
.login .formbox .formrow .inputElement .inputControl {margin-left:7em;}
.login .formbox .formrow .textfield {width:9.75em;}
.login .formbox .buttongroup .abort {padding-top:0.5em;}
.login .formbox .buttongroup .abort a {font-size:93%;}
/* text block */
.login .textblock {margin:1em; border-top:1px solid #ccc;}
.login .textblock .heading span {font-size:93%;}
.login .textblock .call {width:12em; margin:1em auto;}

/* login state .............................................................. */
.loginState {float:right; border:5px solid #fff; border-top:none; margin-right:2em; background:#ebebeb;}
.loginState .loginStateWrap1 {margin:-5px; margin-top:0; background:url("img/login-state-rb.gif") right bottom no-repeat;}
.loginState .loginStateWrap2 {padding:5px; overflow:hidden; background:url("img/login-state-lb.gif") left bottom no-repeat; font-size:93%;}
.loginState .heading {margin:0.5em 1em; margin-bottom:0em;}
.loginState .heading span {font-size:100%; font-style:italic;}
.loginState .navSecond {margin:0.5em 1em; margin-top:0; float:none; overflow:hidden;}
.loginState .navSecond li {background:url("img/navSecond-login-sep.gif") right center no-repeat;}
.loginState .navSecond li .page {color:#036; margin:0.5em;}
.loginState .navSecond li.first .page {margin-left:0;}

/* basket ................................................................... */
.basket {border:1px solid #ebebeb; background:#fafafa;margin:1em 0;}
.basket .basketWrap {margin:-1px; background:url("img/login-rb.gif") right bottom no-repeat; overflow:hidden;}
.basket .basketWrap .basketWrap2 {background:url("img/login-lb.gif") left bottom no-repeat; overflow:hidden; font-size:93%;}
.basket h2.heading {background:#ebebeb url("img/login-lt.gif") left top no-repeat;}
.basket h2.heading span {display:block; background:url("img/login-head-rb.gif") right bottom no-repeat; padding:0.5em 0.75em; font-size:100%; color:#0e2951;}
.basket p {margin:0.75em;}
.basket .priceList {margin:0.75em; border-top:2px solid #ccc;}
.basket .priceList p {margin:0.75em 0em;}
.basket .priceList li {border-bottom:1px solid #ccc; position:relative; padding:0.5em 0em;}
.basket .priceList li .heading {padding-right:6em;}
.basket .priceList li .heading span {font-size:100%;}
.basket .priceList li .type {font-weight:700;}
.basket .priceList li .productInfo {font-size:93%; margin-top:0.5em;}
.basket .priceList li .price {position:absolute; right:0; top:0.5em; font-weight:700;}
.basket .priceList li.last {border-bottom:none; padding-bottom:0;}
.basket .priceList .info {border:1px solid #ccc; background:#fff; padding:0.5em; line-height:1.1em; margin:1em 0em;}
.basket .spec {overflow:hidden; margin:0.15em 0em;}
.basket .spec .caption {float:left; width:12.5em;}
.basket .spec .detail {margin-left:13.5em; text-align:right;}
.basket .totPrice {border-top:2px solid #ccc; font-weight:700;}
.basket .totPrice .detail {font-size:116%; margin-left:10em;}
.basket .actions {margin:0.75em 0em; overflow:hidden; font-weight:700;}
.basket.full .actions a {float:left; padding-top:1.25em;}
.basket.full .actions .call {float:right; width:7em; padding-top:0;}
/* info notification ........................................................ */
.info {margin:1em 0; border:2px solid #000; background:#fff2bf url("img/notify.gif") 5px 5px no-repeat;}
.info p {margin:0.5em; margin-left:35px;}

/* message box .............................................................. */
.message {background:#F8FBFD; border:1px solid #DAEDF4; margin:1.5em 0 2.25em; }
.message p {margin:0.75em 1em;}
.info .message,.info .message p{margin:0;border:0;}
/* on show page */
#shows .content .message, .affiliate.newsShows .content .message {background:#E5EFF4; border-color:#BFD8E4; margin:1em 1em 1em 0;}
.affiliate #shows .content .message{margin-right:0;}
#shows .content .message p, .affiliate.newsShows .content .message p {font-style:italic; font-weight:700; font-size:108%; color:#003366;}
/* error message box .............................................................. */
.error {background:#fee; border:1px solid #f00; margin:1.5em 0 2.25em;color:#f00;font-weight:bold; }
.error p {margin:0.75em 1em;}

/* fiche .................................................................... */
.fiche {background:#F8FBFD; border:1px solid #DAEDF4; margin:1em 0;}
.fiche .heading {margin:0.75em 1em; margin-bottom:1.5em; color:#0E2951;}
.fiche .heading span {font-size:116%;}
.fiche .spec {margin:1em;}
.fiche .spec:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fiche .spec {display:inline-block; display:block;}
.fiche .spec .caption {float:left; width:14em; text-align:right; margin-right:1em;}
.fiche .spec .detail {color:#003366; font-weight:700;}

/* points table ............................................................. */
.pointWrap {float:left; width:34em;}
.pointsTable {float:right; width:21em; background:#003366 url("img/points-bottle.gif") top right no-repeat;}
.pointsTable .pTableWrap1 {background:url("img/banner-blue-rb.gif") right bottom no-repeat;}
.pointsTable .pTableWrap2 {background:url("img/banner-blue-lb.gif") left bottom no-repeat;}
.pointsTable .pTableWrap3 {background:url("img/banner-blue-rt.gif") right top no-repeat;}
.pointsTable .pTableWrap4 {background:url("img/banner-blue-lt.gif") left top no-repeat; min-height:570px; overflow:hidden; padding:1px;}
.pointsTable table {margin:1em 1em; margin-top:12px; width:90%;}
.pointsTable table colgroup .col1 {width:28%;}
.pointsTable table colgroup .col2 {width:29%;}
.pointsTable table colgroup .col3 {width:41%;}
.pointsTable table tr td, .pointsTable table tr th {color:#fff;}
.pointsTable table tr th {padding:0.25em 0.3em;}
.pointsTable table tr th.first {border-right:1px solid #3F668C;}
.pointsTable table tr td {border-bottom:1px solid #3F668C; text-align:center; font-size:138.5%; padding:29px 0.3em;}
.pointsTable table tr td.first {border-right:1px solid #3F668C;}
.pointsTable table tr td.last {text-align:right; color:#000; padding-right:0em; font-weight:700;}
.pointsTable table tr.last td {border-bottom:none;}

/* gallery .................................................................. */
#allContainer .gallery ul {margin:1em 0; overflow:hidden;}
#allContainer .gallery ul li {float:left; display:inline; margin:0 0.70em 1em 0;background:none;padding:0;}
#allContainer .gallery ul li .image .graphic {border:1px solid #003366; background:#F0F8FB; text-align:center; height:150px; width:150px; line-height:150px; padding:0em;}
#allContainer .gallery ul li .image .graphic img {vertical-align:middle; display:inline;}
#allContainer .gallery ul li .album {margin:0.5em 0em;}
#allContainer .gallery ul li .album .more {background:none; padding-right:0;}
/* gallery overview page */
#allContainer .gallery {background:none; margin:0em;}
#allContainer .gallery ul li .image .graphic img {position:relative; top:-1px;}
/* photo detail page */
#allContainer .content .abort a.back {padding-left:12px; background:url("img/arrow-back.gif") left 0.3em no-repeat;}
#allContainer .content .gallery.detail .image, #gallery.detail .content .textblock {margin:1em 2.5em;}
#allContainer .content .gallery.detail .image {margin-top:2.75em;}
#allContainer .content .gallery.detail .image h3 {color:#0E2951;font-size:116%;margin:0 0 1em;}

/* expand collapse .......................................................... */
.expand .controller {color:#036; padding-left:17px; margin:1em 0em; margin-bottom:0.5em; background:url("img/expand-close.gif") left 0.15em no-repeat;}
.fieldset .expand  { margin-left:13.6em;}
.fieldset .expand.sep {margin-top:2em;}
.fieldset .expand fieldset { padding:0.75em 0em; margin:0; margin-right:1.5em;}
.fieldset .expand fieldset .formrow .inputElement .inputCaption {width:9em;}
.fieldset .expand fieldset .formrow .inputElement .inputControl {margin-left:9.5em;}
/* states */
.expand .open .controller {background:url("img/expand-open.gif") left 0.15em no-repeat;}
.expand .js .controller {cursor:pointer;}



/* terms .................................................................... */
#terms_box{clear:both;padding:1em 0;}

.grey{color:#999;}
.grey select{border:1px solid #aaa;background:#e4e4e4;color:#999;}

/* ========================================================================== */
/* 07. basic form elements                                                    */

/* fieldset ................................................................. */
.fieldset {margin:1em 0; background:#e5eff4; border:1px solid #bfd8e4; position:relative;}
.fieldset .fieldWrap1 {background:url("img/form-rb.gif") right bottom no-repeat; margin:-1px;}
.fieldset .fieldWrap2 {background:url("img/form-lb.gif") left bottom no-repeat;}
.fieldset .fieldWrap3 {background:url("img/form-rt.gif") right top no-repeat;}
.fieldset .fieldWrap4 {background:url("img/form-lt.gif") left top no-repeat; padding:0.75em 0em; padding-top:3em; overflow:hidden;}
.fieldset legend span {position:absolute; left:1em; top:0.75em; color:#006293; font-weight:700; font-size:116%;}
.fieldset  .formrow {font-size:93%;}
.fieldset  .formrow .inputElement .inputControl {margin-left:14.25em;}
.fieldset .textfield, .fieldset select {border:1px solid #006293;}
.fieldset select.breeds {width:430px;}
.fieldset .textfield {width:20em;}
.fieldset .numeric .textfield {width:8em;}
/* no legend */
.fieldset.noLegend .fieldWrap4 {padding-top:0.75em;}

/* second level fieldset .................................................... */
.fieldset fieldset fieldset {border:1px solid #cee1ea; background:#fff; margin:0.5em 1em;}
/* duplicate */
.fieldset .duplicate {margin:1em; overflow:hidden;}
.fieldset .duplicate .button {float:left; border:1px solid #838383; background:#F1F1F1 url("img/button-bg.gif") left top repeat-x; padding:0.5em; cursor:pointer;}
.fieldset .duplicate .button .buttonWrap {background:url("img/button-add.gif") left center no-repeat; padding-left:12px; font-weight:700;}

/* button group ............................................................. */
.formbox .buttongroup {overflow:hidden;}
.formbox .buttongroup .advance {float:right;}
.formbox .buttongroup .abort {float:left;}
/* in content */
.content .formbox .buttongroup {margin:1em 0;}

/* form row ................................................................. */
.formrow {overflow:hidden; margin:0.5em;}
/* sep */
.formrow.sep {margin-top:2em;}

/* input element ............................................................ */
.formrow .inputElement {float:left; position:relative; margin:0;}
.formrow .inputElement .inputCaption {float:left; text-align:right; line-height:1.75em; width:14em;}
.formrow .inputElement .inputCaption .label {display:block; margin-right:1em; position:relative; color:#000; line-height:1.5em;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.75em; top:0.1em; color:#5AAAE5; font-size:108%;}
.formrow .inputElement .inputControl {margin-left:15em;}
.formrow .inputElement .inputControl .controls .control {display:inline;}

/* radiobutton list --------------------------------------------------------- */
.formrow .inputElement.radiolist {float:none;}
.formrow .inputElement.radiolist .inputControl .controls {line-height:1.75em; display:block;}
.formrow .inputElement.radiolist .inputControl .controls .control {position:relative; margin-bottom:0.75em; padding-left:18px; display:block;}
.formrow .inputElement.radiolist .inputControl .controls input {position:absolute; left:0; top:0em; width:15px; height:15px; vertical-align:middle;}
.formrow .inputElement.radiolist .inputControl .controls .controlHint {font-style:italic; margin-right:13em;}
/* small version */
.formrow.small .inputElement.radiolist .inputControl {margin:0;}
.formrow.small .inputElement.radiolist .inputControl .controls .control {float:left; margin-bottom:0em;margin-right:2em; padding-top:0.1em;}
/* subordinate */
.formrow .inputElement.radiolist .inputControl .controls .subordinate {display:inline; margin-left:1em;}
.formrow .inputElement.radiolist .inputControl .controls .subordinate .textfield {width:15em; position:static; }
/* error */
.formrow .inputElement.radiolist.error .inputControl .controls .controlHint {color:#CC3300;}
.formrow .inputElement.radiolist.error .inputControl .controls .subordinate .textfield {border:1px solid #CC3300;}


/* checkbox single ------------------------------------------------------------ */
.formrow .inputElement.singleCheck {float:none;}
.formrow .inputElement.singleCheck .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left;}
.formrow .inputElement.singleCheck .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}
.formrow .inputElement.singleCheck .inputControl .controls .fieldHelp {margin-left:0.5em;}

/* textfield ................................................................ */
.textfield,input.text {border:1px solid #000;}

/* select dropdown .......................................................... */
.formrow .inputElement.dropdown select {border:1px solid #006293;}

/* datepicker ............................................................... */
.formrow .inputElement.date {}
.formrow .inputElement.date .inputCaption .label {line-height:2.25em;}
.formrow .inputElement.date .inputControl .controls {display:inline;}
.formrow .inputElement.date .inputControl .controls input {padding:0.2em; border:1px solid #B4B4B4;}
.formrow .inputElement.date .inputControl .controlHint {display:inline; margin-left:0.5em; color:#666666;}
.formrow .inputElement.date .inputControl .controls input.tiny,input.tiny {width:25px;margin:0;}
.formrow .inputElement.date .inputControl .controls input.small {width:40px;margin:0;}
/* extra */
.formrow .inputElement.date .inputControl input {margin-left:1em;}
.formrow .inputElement.date.extra {margin-left:1em;}
.formrow .inputElement.date.extra .inputCaption {position:absolute; top:auto; left:-9999em;}
.formrow .inputElement.date.extra .inputControl {margin-left:0em; }


/* summary filter form ...................................................... */
#filterSummary {margin:1em 0;}
#filterSummary .formrow {margin:0.75em 0.5em;}
#filterSummary .formrow .inputElement .inputControl {margin-left:10em;}
#filterSummary .formrow .inputElement .inputCaption {width:9em;}
#filterSummary .formrow .inputElement.date.extra .inputControl {margin-left:0em;}
#filterSummary .box {background:#E5EFF4; border:1px solid #BFD8E4;}
.content #filterSummary .formbox .buttongroup {margin:0.57em 0.5em;}
#filterSummary .formbox .buttongroup .advance {float:none; margin-left:10em;}

/* textarea */
textarea {width:300px;height:80px;border:1px solid #000;font:13px/1 "Lucida Grande", "Lucida Sans", arial,trebuchet MS,tahoma,helvetica,clean,sans-serif;padding:3px;}

/* ========================================================================== */
/* 08. tables                                                                 */

/* data table ............................................................... */

.datagrid {margin:1em 0;}
.datagrid table {width:100%; border:1px solid #DAEDF4; border-collapse:collapse;}
.datagrid table .col1 {width:35%;}
.datagrid table .col2 {width:20%;}
.datagrid table .col3 {width:20%;}
.datagrid table .col4 {width:22%;}
.datagrid table .col5 {width:3%;}
.datagrid table td, th {border-collapse:collapse; padding:0.5em 1em;}
.datagrid table tr td.centered {text-align:center;}
.datagrid table tr td.right {text-align:right;}
.datagrid thead tr {background:#006293;}
.datagrid thead tr th {color:#fff; font-weight:700; text-align:left;}
.datagrid tfoot tr {background:#DAEDF4; border-bottom:1px solid #fff;}
.datagrid tfoot tr td {font-weight:700; border:none;}
.datagrid tfoot tr.last {border-bottom:none;}
.datagrid tbody tr {background:#F0F8FB; border-bottom-color:#fff;}
.datagrid tbody tr.last {border-bottom-color:#DAEDF4;}
.datagrid tbody tr.alternate {background:#F8FBFD;}
.datagrid tbody tr td .heading span {font-size:116%;}
.datagrid tbody tr th {text-align:left;}

/*ingredients*/ .datagrid.ingredients table tbody tr {border-bottom:1px solid #fff;}
.datagrid.ingredients table tbody tr.last {border-bottom:none;}
.datagrid.ingredients table .col1 {width:auto;}
.datagrid.ingredients table .col2 {width:35%;}
#viyo-elite-puppy .contentbox h2,#viyo-elite-adult .contentbox h2 {margin:1em 0;}


/* Admin - niet ingelogd */
#notloggedin .contentbox .formbox {border:1px solid #BFD8E4; background:#E5EFF4;margin-bottom:2em}
#notloggedin .contentbox .formfooter {margin-top:-0.5em}
#notloggedin .contentbox .formbox .advance {clear:left;float:left;margin:1em 0 0 15.5em;}
#notloggedin .contentbox .formbox .abort {clear:left;margin-left:16em;}
#notloggedin .contentbox a.call {width:10em}
#notloggedin .contentbox .textblock h3.heading span{font-size:131%;}

/* Carousel */
.carousel {overflow:hidden;width:auto;margin:1em 0;}
#home .carousel {margin:1em 0.7em;}
.carousel .carContent {position:relative; height:150px;overflow:hidden;}
#home .products .carousel .carContent{height:200px;}
.carousel .carContent li {position:absolute;bottom:0;top:0;left:-999em;}
.carousel .carContent li a {display: block;}
.carousel .carContent li a img{left : 0;position: absolute;top: 0;z-index: 1;}
.carousel .carContent li.first {}
.carousel .carContent li.active {/*position:static;*/z-index:10;left:0em}
.carousel .carContent li.next {/*position:static;*/z-index:20;left:55em}
.carousel .carContent li.last {}


/* layout table ............................................................... */
.showresults {margin:1em 0 1em 0;border:1px solid #BFD8E4; border-collapse:collapse;background:#E5EFF4;}
.showresults th {text-align:right;width:14em;font-weight:normal;font-size:93%;padding-top:0.75em}
.showresults td {padding:0.5em 0;width:10em}
.showresults td .text {padding:0.25em 0;margin-bottom:0.25em;width:10em;}
.showresults td .date {width:6em;}
.showresults td select.breeds {width:30em;}
.showresults td h4 {margin-left:1em;margin-top:1em;}
.showresults td p {margin:0.5em 0;}
.showresults td .add {margin-left:1em;}
.showresults td .formrow .inputElement .inputCaption {width:18em}
.showresults td .formrow .inputElement .inputCaption .label {font-size:93%}
.showresults td .formrow .inputElement .inputControl {margin-left:18.5em}
.showresults td .level2 {margin-bottom:1em;}
.showresults #results_section {background:#fff;margin:1em;margin-bottom:0;}
.showresults #results_section th {font-weight:bold;background:#BFD8E4;text-align:left;}
.showresults #results_section td {vertical-align:top;padding:0.5em;border:1px solid #BFD8E4;}
.showresults #results_section tr {border-top:1px solid #BFD8E4 !important;}
.showresults .fieldset {border:0;}

/* Business cards */
#businesscards_form input.text{width:250px;}
#businesscards_form input.tiny{width:35px;}
#businesscards_form input.smaller{width:201px;}

#specialisten-aan-het-woord .contentbox img,#les-specialistes-ont-la-parole .contentbox img,#specialists-talk .contentbox img{float:left;margin:3px 10px 10px 0;}

/* UK hack */
.topbreeder-viyo-elite-com #item_3454,
.topsire-viyo-elite-com    #item_3454,
.toppuppy-viyo-elite-com   #item_3454  {display:none;}

/* specialisten aan het woord sidebar */
.focus .specialists{
	padding-top:0;
}

#mod_catalog .productnr_powerdeals .productContent .orderInfo { position:absolute;right:0;bottom:0;padding-top:0.5em;width:19em;}
#mod_catalog .productnr_powerdeals .productContent .orderInfo .label { display:none;}
#mod_catalog .productnr_powerdeals .productContent .orderInfo .formrow .inputElement {width:7em;}
#mod_catalog .productnr_powerdeals .productContent .orderInfo .formrow .inputElement .inputControl {float:none;}
#mod_catalog .productnr_powerdeals .productContent .orderInfo .formrow .quantity_label {line-height:2.3em;}
#mod_catalog .productItem.productnr_powerdeals {background:#DAEDF4 url(img/product-pink-blue-bg.gif) no-repeat scroll left top;}
#mod_catalog .productItem.productnr_powerdeals .productWrap1 {background:url("img/product-blue-rb.gif") right bottom no-repeat;}
#mod_catalog .productItem.productnr_powerdeals .productWrap2 {background:url("img/product-blue-lt.gif") left top no-repeat;min-height:305px;}
#mod_catalog .productItem.productnr_powerdeals .productContent .orderInfo .price {background:#036 url("img/price-blue-rb.gif") right bottom no-repeat;margin-top:2em;}
#mod_catalog .productItem.productnr_powerdeals .productContent .orderInfo .priceWrap1 {background:url("img/price-blue-lb.gif") left bottom no-repeat;}
#mod_catalog .productItem.productnr_powerdeals .productContent .orderInfo .priceWrap2 {background:url("img/price-blue-rt.gif") right top no-repeat;}
#mod_catalog .productItem.productnr_powerdeals .productContent .orderInfo .priceWrap3 {background:transparent url(img/price-blue-lt.gif) no-repeat scroll left top;padding:0.5em;}
#mod_catalog .productItem.productnr_powerdeals .productContent #record_2 .orderInfo .price {background:#603 url("img/price-pink-rb.gif") right bottom no-repeat;}
#mod_catalog .productItem.productnr_powerdeals .productContent #record_2 .orderInfo .priceWrap1 {background:url("img/price-pink-lb.gif") left bottom no-repeat;}
#mod_catalog .productItem.productnr_powerdeals .productContent #record_2 .orderInfo .priceWrap2 {background:url("img/price-pink-rt.gif") right top no-repeat;}
#mod_catalog .productItem.productnr_powerdeals .productContent #record_2 .orderInfo .priceWrap3 {background:transparent url(img/price-pink-lt.gif) no-repeat scroll left top;padding:0.5em;}
#mod_catalog .productItem.productnr_powerdeals .productWrap2 {padding-left:1em;}
#mod_catalog .productItem.productnr_powerdeals .price{display:none;}
#mod_catalog .productItem.productnr_powerdeals #record_2 .price,
#mod_catalog .productItem.productnr_powerdeals #record_5 .price{display:block;}
#mod_catalog .productItem.productnr_powerdeals .productContent .orderInfo .price span {left:0;}

#mod_catalog .productnr_powerdeals .productContent {padding-right:1em;}
#mod_catalog .productnr_powerdeals .productContent #record_0 .orderInfo{left:1em;top:34px;}
#mod_catalog .productnr_powerdeals .productContent #record_1 .orderInfo{left:1em;top:98px;}
#mod_catalog .productnr_powerdeals .productContent #record_2 .orderInfo{left:1em;top:160px;}
#mod_catalog .productnr_powerdeals .productContent #record_3 .orderInfo{left:28em;top:34px;}
#mod_catalog .productnr_powerdeals .productContent #record_4 .orderInfo{left:28em;top:98px;}
#mod_catalog .productnr_powerdeals .productContent #record_5 .orderInfo{left:28em;top:160px;}

#mod_catalog .productItem.productnr_powerdeals .productHead {padding:0;}
#mod_catalog .productItem.productnr_powerdeals .productHead .heading {display:block;text-align:center;}