/* Global Styles */
/* ID for unique items, CLASS for muliple items */

@font-face {
font-family: KeedySansBold;
font-style:  normal;
font-weight: normal;
src: url(../KEEDYSA0.eot);
}

body, td, p, a, h1, h2, input, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

body
{
background : #FFFFFF;
margin : 6px 0px 0px 0px;
color : #000000;
font-size : 80%;
letter-spacing : normal;
line-height : normal;
}

a:link						{color : #1500A6; text-decoration : none;}
a:visited					{color : #1500A6; text-decoration : none;}
a:hover						{color : #1500A6; text-decoration : underline;}

#container 
{
background : #FFFFFF; /*F8F8F8*/
border : solid 1px #EEEEEE;
border-bottom : solid 9px #339900; /* 339900 - xmas*/
margin: 0 auto;
padding: 3px;
width : 762px;
}


#main h2 a:link.black, #main h2 a:visited.black, #main h2 a:hover.black
{
color : #000000;
}

.alignleft
{
text-align : left;
}

.floatleft
{
float : left;
}

.alignright
{
text-align : right;
}

.floatright
{
float : right;
}

.aligncenter
{
text-align : center;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
/*text-decoration : blink;*/
}

.scroll
{
padding : 9px 0px 3px 0px;
margin : 0px 12px 0px 12px;
border : #EEEEEE solid 1px;
height : 100px;
overflow : auto;
}

#main p.caution
{
border : #CCCC99 dashed 1px;
clear : both;
margin : 0px;
padding : 12px;
background : #FFFFCC;
/*
padding : 12px 12px 12px 72px;
background : #FFFFCC url(../images/bg_caution.gif) no-repeat left top;
*/
color : #000000;
font-size : 11px;
margin : 6px 12px 6px 12px;
}

#main p.note
{
border : #000000 solid 0px;
clear : both;
margin : 0px;
padding : 12px;
background : #FFFFCC;
color : #000000;
font-size : 11px;
margin : 6px 12px 6px 12px;
}


#main p.green
{
color : #339900;
}

#main p.black
{
color : #000000;
}

hr
{
border : #EEEEEE solid 1px;
height : 1px;
}

hr.orange
{
border : #ffd4b2 solid 1px;
height : 1px;
}

div.hrdiv
{border : 0px solid #FFFFFF; border-top : 1px solid #D6F3B5; margin : 6px;}

div.orangehrdiv
{border : 0px solid #FFFFFF; border-top : 1px solid #ffd4b2; margin : 6px;}

html>body hr
{
border : #000000 solid 0px;
border-top : #EEEEEE solid 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 6px 0px 6px 0px;
background : #FFFFFF;
}

html>body hr.orange
{
border-top : #ffd4b2 solid 1px;
background : #0000FF;
}

div.backbutton
{
border : #000000 solid 0px;
font-size : 18px;
font-weight : bolder;
float : left;
width : 20px;
height : 30px;
display : inline;
margin : 0px 0px 0px 24px;
}

div.nextbutton
{
border : #000000 solid 0px;
font-size : 18px;
font-weight : bolder;
float : left;
width : 20px;
height : 30px;
text-align : right;
display : inline;
margin : 0px 24px 0px 0px;
}

div.pagenumbers
{
color : #CCCCCC;
border : #000000 solid 0px;
float : left;
width : 452px;
text-align : center;
display : inline;
}

strong.pagenumber, a.pagenumber
{
border : #000000 solid 0px;
/*background : #EEEEEE;*/
padding : 2px;
margin : 1px;
text-decoration : none;
}

#main div.column
{
background : #FFFFFF;
border : #FFFFFF 1px solid;
float : left;
width : 266px;
}

#main div.productthumb1, #main div.available, #main div.unavailable, #main div.preorder
{
position: relative;
line-height : normal;
border : #000000 solid 0px;
clear : both;
margin : 6px 12px 6px 12px;
padding : 12px 12px 0px 12px;
}

#main div.available, #main fieldset.available
{background : #EFFAE5;}

#main div.preorder, #main fieldset.preorder
{background : #fff1e5;}

#main div.unavailable, #main fieldset.unavailable
{background : #F8F8F8;}

#main div.productthumb1 img, #main div.available img, #main div.unavailable img, #main fieldset.available img, #main fieldset.unavailable img , #main fieldset.preorder img
{
margin : 0px 12px 3px 0px; 
}

html>body #main div.productthumb1 img, #main div.available img, #main div.unavailable img, #main div.preorder img
{
margin : 0px 12px 12px 0px;
}

 #main fieldset.available, #main fieldset.unavailable, #main fieldset.preorder
 {margin : 6px 12px 6px 12px; border : 0px;}

#main span.available, #main span.unavailable, #main span.preorder
{font-size : xx-small; float : right; font-weight : bold; margin : 3px 6px 3px 3px;}

#main span.available, #main ul li.available, #main ul li a.available, #main span.preorder, #main ul li.preorder, #main ul li a.preorder
{color : #ff7100;}

#main span.unavailable, #main ul li.unavailable,  #main ul li a.unavailable
{color : #999999;}


/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{
font-weight : normal;
}

label.formleft
{
display : block;
width : 150px;
float : left;
text-align : right;
margin : 3px 6px 0px 0px;
}

label.formleftproblems
{
display : block;
width : 150px;
float : left;
text-align : right;
margin-right : 6px;
color: #FF0000;
}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
}

input.checkbox
{
width : 20px;
float : left;
}

label.labelright
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #000000;
padding-top : 4px;
}

label.labelrightproblems
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #FF0000;
padding-top : 4px;
}

fieldset
{
margin : 12px;
padding : 6px;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

legend
{
color : #000000;
font-weight : bolder;
font-size : 11px;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{
width : 200px;
}

fieldset select.shipping
{
width : 228px;
font-size : 10px;
}

textarea
{
font-size : 12px;
}

/* FORM STYLES - END */


table.table
{
border-top : solid 1px #EEEEEE;
margin : 6px 12px 6px 12px;
}

caption
{
text-align : left;
}

th
{
background-color : #EEEEEE;
color : #000000;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
font-size : 11px;
font-weight: normal;
text-align : left;
border : 0px;
white-space : nowrap;
}

td.right, td.data, td.center, td.datall
{
background-color : #F8F8F8;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
border : 0px;
color : #000000;
font-size : 11px;
}

td.right, th.right		{text-align : right;}
td.center, th.center	{text-align : center;}
td.datall	{font-size : xx-small; text-transform : uppercase;}

tr.whiterow td.data, tr.whiterow td.right, tr.whiterow td.center, tr.whiterow td.datall
{background : #FFFFFF;}

/* TOP START *********/

#top 
{
background : #FFFFFF url(../images/exotic-pets_top.jpg) top left no-repeat;
border : solid 0px #CCCCCC;
margin: 0 auto;
padding: 0px;
width : 770px;
height : 159px;
}

#top p
{display : none;}

/* TOP END */

/* TOP NAVI START *********/

#topnavi
{
border : solid 1px #339900;
background : #66CC00;
padding : 6px;
margin : 0px 0px 0px 0px;
}

#topsubnavi
{
font-size : x-small;
color : #CCCCCC;
border : solid 1px #339900;
border-top : solid 0px #339900;
background : #333333;
padding : 6px;
margin : 0px 0px 3px 0px;
}

#topsubnavi a
{color : #FFFFFF;}

#topnavi div
{
text-align : center;
padding : 0px;
margin : 0px;
color : #339900;
}

#topnavixmas
{
border : solid 1px #990000;
background : #CC0000;
width : 748px;
padding : 6px;
margin : 0px 0px 0px 0px;
}

#topnavixmas div
{
padding : 0px;
margin : 0px;
color : #990000;
text-align : center;
}

#topnavi div a, #topnavixmas div a
{
color : #FFFFFF;
}

#topnavi div a:hover, #topnavixmas div a:hover
{
color : #FFFFFF;
}

/* TOP NAVI END */

/* MAIN START *********/

#main
{
background : #FFFFFF url(../images/bg_main.jpg) top left no-repeat;
border : solid 1px #F8F8F8;
border-bottom : solid 1px #FFFFFF;
border-top : solid 1px #EEEEEE;
width : 541px;
float : left;
padding : 0px 0px 18px 0px;
margin : 0px 0px 3px 0px;
}

#main h1
{
font-family : KeedySansBold, Tahoma, Arial, Helvetica, sans-serif;
/* Hide from IE-Mac \*/
letter-spacing : -1px;
/* End hide */
font-weight : bolder;
font-size : 220%;
padding : 12px 24px 6px 24px;
margin : 0px 0px 0px 0px;
color : #000000;
}

#main h1 small.latestlistdate
{font-size : small; font-weight : normal; float : right; padding-top : 15px; font-family : tahoma; letter-spacing : normal;}

#main h1 strong
{font-weight : bolder;}

#main h2
{
font-size : 100%;
margin : 24px 12px 12px 12px;
padding : 3px 6px 3px 6px;

background : #D1F0B2; /*30% Green*/
color : #000000;
clear : both;
font-weight : bolder;
}

#main div.column h2
{margin-top : 0px;}

#main h3, #main h4
{
font-size : 90%;
margin : 12px 12px 12px 12px;
padding : 3px 6px 3px 6px;
background : #F8F8F8; /*30% Green*/
color : #000000;
clear : both;
font-weight : bolder;
}

#main h4
{font-weight : normal;}

#main p
{
padding : 6px 24px 6px 24px;
margin : 0px;
color : #666666;
}

#main p.intro
{
font-size : 120%;
line-height : 140%;
color : #339900;
}

#main div.highlight
{
/*background : #EEEEEE;*/
margin : 0px;
padding : 0px;
}

#main fieldset
{
border : solid 1px #D1F0B2; /*30% Green*/
margin : 12px;
padding : 12px;
}

#main fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

#main legend
{

border : solid 1px #D1F0B2; /*30% Green*/
border-bottom : 0px;
background : #FFFFFF;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
}

#main p.topnavi
{
padding : 6px 6px 6px 6px;
margin : 0px;
text-align : center;
color : #CCCCCC;
}

/*
#main table.table
{
width : 529px;
}
*/

#main td p
{
padding : 0px;
margin : 0px;
}

#main img.mediumimage
{
border : solid 6px #EEEEEE;
float :left;
margin : 0px 24px 12px 0px;
}

#main fieldset.productoption
{
clear : both;
border : solid 1px #D1F0B2; /*30% Green*/
background : #EFFAE5; /*10% Green*/
margin-top : 3px;
margin-bottom : 3px;
}

#main fieldset.orangeproductoption hr, #main fieldset.orangeproductoption hr
{border : #ffd4b2; /*30% Green*/}
html>body #main fieldset.orangeproductoption hr, html>body #main fieldset.orangeproductoption hr
{border-top : #ffd4b2 solid 1px;}

#main fieldset.productoption hr
{border : #D1F0B2; /*30% Green*/}
html>body #main fieldset.productoption hr
{border-top : #D1F0B2 solid 1px;}

#main fieldset.orangeproductoption
{
clear : both;
border : solid 1px #ffd4b2; /*30% Green*/
background : #fff1e5; /*10% Green*/
margin-top : 3px;
margin-bottom : 3px;
}



#main fieldset.subonly, #main fieldset.onsitesubonly
{
clear : both;
border : solid 1px #d0cced; /*30% Green*/
background : #e7e5f6; /*10% Green*/
margin-top : 3px;
margin-bottom : 3px;
}

#main fieldset.left
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 5px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.left
{
margin : 6px 5px 6px 12px;
padding : 0px 12px 12px 12px;
}

#main fieldset.right
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 0px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.right
{
margin : 6px 0px 6px 6px;
padding : 0px 12px 12px 12px;
}

#main div.productimage, #main div.imageright 
{
border : solid 1px #EEEEEE;
width : 251px;
float : left;
padding : 0px 0px 6px 0px;
margin : 6px 12px 6px 6px;
text-align : center;
font-size : 9px;
color : #999999;
background : #FFFFFF;
}

#main div.imageright
{
width : 251px;
float : right;
padding : 11px 0px 11px 0px;
margin : 6px 6px 6px 12px;
}

html>body #main div.productimage
{
margin : 6px 12px 6px 12px;
}

#main div.productimage img
{
padding : 12px 12px 3px 12px;
}

#main div.largeimage
{
border : solid 1px #EEEEEE;
background : #F8F8F8;
margin : 24px;
padding : 15px;
text-align : center;
}

#main img
{
border : solid 0px #EEEEEE;
}

#main fieldset.news
{
border : #EEEEEE solid 1px;
margin : 3px;
padding : 12px;
background : #FFFFFF;
font-size : 11px;
color : #999999;
text-align : center;
}

#main fieldset.news strong
{
color : #000000;
}

#main li
{
margin : 6px 24px 6px 3px; 
}

/* MAIN END */

/* NAVI START *********/

#navi
{
border : solid 0px #CCCCCC;
width : 214px;
float : left;
padding : 0px 0px 6px 0px;
margin : 0px 0px 3px 3px;
background : #FFFFFF;
}

#navi ul
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
display : block;

}

#navi li
{
border-top : #FFFFFF solid 1px;
margin : 0px 3px 0px 3px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.section, #navi li a.latestsection, #shipmentsection, #navi li strong.section
{
border : #FFFFFF solid 0px;
background : #D1F0B2; /*30% Green*/
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 3px 12px 3px 12px;
display : block;
color : #000000;
}

#navi li a.section:hover
{background : #C2EB99; /*40% Green*/}

#navi li a.latestsection
{background : #C2EB99;
padding : 6px 12px 6px 12px; /*40% Green*/}

#navi li a.latestsection:hover
{background : #C2EB99; /*40% Green*/}

#navi li a.latestsection small
{float : right; font-size : xx-small; font-weight : normal;}

#navi li a.subsection
{
border : #FFFFFF solid 0px;
background : #EFFAE5; /*10% Green*/
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 1px 12px 1px 24px;
display : block;
color : #000000;
}

#navi li a.subsection:hover
{
background : #E0F5CC; /*20% Green*/
}

#navi li a.subsection1
{
border : #FFFFFF solid 0px;
background : #EFFAE5; /*10% Green*/
font-size : 10px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 1px 12px 1px 33px;
display : block;
color : #339900;
}

#navi li a.subsection1:hover
{
background : #E0F5CC; /*20% Green*/
}

#navi p
{
margin : 6px 12px 6px 12px;
font-size : 85%;
}

#navi fieldset
{
border : #333333 solid 1px;
margin : 0px 3px 6px 3px;
padding : 12px;
background : #333333;
font-size : 11px;
color : #FFFFFF;
}

#navi fieldset hr
{
border : #666666;
margin : 0px;
}

#navi fieldset a
{
color : #D1F0B2;
}

#navi div.newpet
{
margin : 3px 3px 0px 3px;
height : 41px;
background : #66cc00 url(../images/choose-new-pet.gif) top left no-repeat;
}

#navi div.shoppingbasket
{
cursor : pointer;
margin : 3px 3px 0px 3px;
height : 41px;
background : #66cc00 url(../images/shopping-basket.gif) top left no-repeat;
}

#navi div.healthypet
{
border : solid 0px #CCCCCC;
margin : 0px 3px 0px 3px;
height : 86px;
background : #FFFFFF url(../images/healthy-exotic-pets.gif) top left no-repeat;
}

#navi div.subnavi
{
border : solid 1px #66CC00;
padding : 3px 3px 0px 3px;
margin : 3px 3px 0px 3px;
background : #66CC00;
}

#navi div.subnavi a
{
padding : 3px 0px 0px 0px;
margin : 0px 10px 0px 10px;
color : #FFFFFF;
font-size : x-small;
display : block;
}

#navi div.subnavi hr
{
border : #339900 solid 1px;
height : 1px;
}

div.hrdiv
{
border : 0px solid #FFFFFF; border-top : 1px solid #D6F3B5; margin : 6px;
}

html>body #navi div.subnavi hr
{
border : #000000 solid 0px;
border-top : #339900 solid 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 6px 0px 3px 0px;
background : #66CC00;
}

/* NAVI END */

/* BASE START ***********/

#base
{
clear : both;
border : solid 0px #CCCCCC;
border-top : solid 1px #EEEEEE;
width : 748px;
padding : 6px;
margin : 0px;
}

#base p
{
margin : 6px;
font-size : 85%;
line-height : normal;
color : #999999;
}

#base a:link					{color : #666666; text-decoration : none;}
#base a:visited					{color : #666666; text-decoration : none;}
#base a:hover					{color : #666666; text-decoration : underline;}

/* BASE END */


div.bookmarkslist
{text-align : center; margin : 9px 0px 0px 0px;}

div.bookmarkslist a
{text-decoration : none; margin : 0px 9px 0px 9px;}

div.bookmarkslist a img
{vertical-align : middle;}


#twitter_div ul
{margin : 0px; padding : 0px;}

#twitter_div li
{
display : block;
border-bottom : #eee 1px solid;
list-style-type : none;
margin : 0px 12px;
padding : 12px 12px;
color : #333;
}