/* force right scrollbar in non-ie browsers to prevent horizontal jumping */
html
{
height: 100%;
margin-bottom: 1px;
}

/* ~~~~~~~~~~~~~~~~~ GENERAL ~~~~~~~~~~~~~~~~~*/

html,body
{
margin:0;
padding:0
}

body
{
background: #fff;
color: #000;
font: 100% trebuchet ms,arial,helvetica,sans-serif;
}

img
{
border: 0;
}

/* ~~~~~~~~~~~~~~~~~ HEADER~~~~~~~~~~~~~~~~~*/

/* new code */

td.hold
{
margin: 38px 30px 8px;
font-size: 0.85em;
color: #8c7877;
text-align: center;
line-height: 1.3em;
}

td.hold .links
{
color: #8c7877;
text-align: center;
line-height: 1.3em;
}

td.hold .links a
{
color: #8c7877;
}

.tempgraphic
{
position: absolute;
top: 5px;
left: 455px;
width: 125px;
height: 125px;
}


/* ~~~~~~~~~~~~~~~~~ BAR~~~~~~~~~~~~~~~~~*/


td.bar
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar-en.gif") 0 0 no-repeat;
margin-bottom: 4px;
}

td.bar-fr
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar-fr.gif") 0 0 no-repeat;
margin-bottom: 4px;
}

td.bar-de
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar-de.gif") 0 0 no-repeat;
margin-bottom: 4px;
}

td.bar-es
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar-es.gif") 0 0 no-repeat;
margin-bottom: 4px;
}

td.bar-nl
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar-nl.gif") 0 0 no-repeat;
margin-bottom: 4px;
}

td.bar-it
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar-it.gif") 0 0 no-repeat;
margin-bottom: 4px;
}

td.bar-se
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar-se.gif") 0 0 no-repeat;
margin-bottom: 4px;
}

td.flags
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar2.gif") 0 0 no-repeat;
margin-bottom: 4px;
text-align: center;
}

td.flags img
{
margin-left: 3px;
}

/* old code */

div#bar
{
position: relative;
height: 47px;
background: #756363 url("../images/bg_bar.jpg") 0 0 no-repeat;
margin-bottom: 4px;
}

div#barempty
{
position: relative;
height: 47px;
background: #756363;
margin-bottom: 4px;
}

/* ~~~~~~~~~~~~~~~~~ TABLE STRUCTURES & LINKS ~~~~~~~~~~~~~~~~~*/

table
{
border: 0;
border-collapse:collapse;
}

td.typehead
{
height: 42px;
background: #f79422;
padding-left: 12px;
}

td.animalhead
{
height: 42px;
background: #c3262e;
padding-left: 12px;
border-top: 4px solid #fff;
}

tr.brandhead td
{
height: 42px;
background: #746362 url("../images/bg_brand.jpg") 0 0 repeat-y;
padding-left: 12px;
border-top: 4px solid #fff;
line-height: 1em;
}

tr.brands td img
{
padding: 20px 10px;
}


td.typehead h1,
td.animalhead h1,
tr.brandhead td h1
{
color: #fff;
font-size: 1.3em;
font-weight: normal;
}

td.typeright
{
background: #f79422 url("../images/bg_type.jpg") 0 0 repeat-y;
}

td.animalright
{
background: #c3262e url("../images/bg_animal.jpg") 0 0 repeat-y;
}

td.typelinks
{
background: #fba91e;
padding-left: 12px;
padding-top: 5px;
line-height: 1em;
}

td.animallinks
{
background: #d06451;
padding-left: 12px;
padding-top: 5px;
line-height: 1em;
}

td.typelinks h2,
td.animallinks h2
{
color: #fff;
font-size: 0.8em;
margin-bottom: 0;
margin-top: 0.5em;
}

td.typelinks h2 a,
td.animallinks h2 a
{
color: #fff;
}

td.typelinks ul
{
list-style-image: url('../images/bl_type.gif');
color: #fee8c2;
font-size: 0.75em;
margin-top: 0;
margin-bottom: 3px;
padding-left: 15px;
padding-right: 10px;
line-height: 1.2em;
}

td.animallinks ul
{
list-style-image: url('../images/bl_animal.gif');
color: #fee8c2;
font-size: 0.75em;
margin-top: 0;
margin-bottom: 3px;
padding-left: 15px;
padding-right: 10px;
line-height: 1.2em;
}

td.typelinks ul a:link,
td.typelinks ul a:visited
{
color: #fff;
}

td.animallinks ul a:link,
td.animallinks ul a:visited
{
color: #f1d0cb;
}

td.typelinks ul a:hover,
td.typelinks ul a:active,
td.animallinks ul a:hover,
td.animallinks ul a:active
{
color: #fff;
}

td.rest
{
width: 200px;
background: #e8e0d6;
border-right: 4px solid #fff;
}

table.nav
{
width: 200px;
}

td.main
{
background: #fff url("../images/bg_main.jpg") 0 0 repeat-y;
line-height: 1.2em;
}

td.main .cont
{
margin: 20px 30px;
}

.category
{
font-weight: bold;
text-align: center;
}

table.pres
{
border: 0;
}

table.pres tr.pic
{
text-align: center;
}

table.pres td.logo
{
width: 117px;
text-align: center;
}

table.pres td.text
{
font-size: 0.8em;
padding-top: 0.5em;
}

table.products td
{
text-align: center;
font-size: 0.75em;
line-height: 1.2em;
color: #8c7877;
padding-bottom: 30px;
}

table.products td.left
{
text-align: left;
}

table.products td.section
{
font-size: 0.8em;
line-height: 1.2em;
text-align: left;
border: 1px solid #ded4d2;
}

table.products td.section h2
{
font-size: 1.1em;
color: #8c7877;
background: #e8e0d6;
padding: 5px;
margin: 0;
}

table.products td.section p
{
padding: 0 10px;
color: #c5b4b1;
}

/* ~~~~~~~~~~~~~~~~~ HOME CONTENT~~~~~~~~~~~~~~~~~*/


table.home
{
border: 1px solid #b4b4b4;
}

table.home tr.head td
{
text-align: left;
background: #b4b4b4;
color: #fff;
font-size: 1.1em;
padding: 5px;
}

table.home td
{
border-top: 1px solid #b4b4b4;
text-align: center;
font-size: 0.75em;
line-height: 1.2em;
color: #8c7877;
padding-top: 5px;
padding-bottom: 8px;

}

table.home td.line
{
border-right: 1px solid #b4b4b4;
}

/*

table.homeold td
{
text-align: center;
font-weight: bold;
}

table.homeold a
{
color:#806a69;
}*/


/* ~~~~~~~~~~~~~~~~~ TYPOGRAPHY~~~~~~~~~~~~~~~~~*/


a:link,
a:visited
{
color: #e98214;
text-decoration: none;
}

a:hover,
a:active
{
color: #e98214;
text-decoration: underline;
}

td.main h1
{
text-align: right;
padding-right: 5px;
color: #7e6766;
font-size: 1.8em;
font-weight: normal;
}

td.main h2
{
color: #756363;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 0em;
}

td.main h2 a
{
color: #756363;
}

td.main ul.bullet
{
margin-top: 0em;
list-style-image: url('../images/bl_main.gif');
text-align: left;
}

td.main ul.bullet a
{
color: #756363;
}

.alignleft
{
text-align: left;
}

.qty
{
color: #ed1c24;
}

.pop
{
color: #c3262e;
font-weight: bold;
}

