body 
{
	font-family: /*Comic Sans MS, Comic Sans,*/ Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
*
{
margin:0px; 
padding:0px;
}

p {margin-bottom: 10px;}
ul, ol {margin-left:30px; margin-bottom: 10px;}
/* paw print ordered list */
.pawprint {list-style-image: url(/images/pawprint.gif); line-height:20px; color: #003399;}

img 
{
	border: 0px;
   behavior: url("/includes/css/pngbehavior.htc");
}

a, a:visited {color: #003399; text-decoration:underline;}
a:hover {text-decoration:underline; cursor:pointer;}

#OneCol {float:left; padding: 35px 0px 0 0; text-align: left; 
         overflow-y: scroll; height:353px; width: 615px;}
* html #OneCol { height: 353px;}



#OneCol2 {float:left; padding: 0px 0px 0 0; text-align: left; 
         overflow: hidden; height:353px; width: 645px;}
* html #OneCol2 { height: 353px;}


/* TWOCOLUMN TEMPLATE */
#LeftCol {float:left; width:220px; height:388px;}
* html #LeftCol {height:390px;}
#RightCol {float:right; margin-right:4px; width:400px; height:388px; text-align: left; overflow:auto; overflow-y: scroll; position: relative; padding-right: 10px;}
* html #RightCol {height:390px;}

/* ############ HEADINGS ################## */
h1 { color: #003399; font-size: 200%; margin-bottom: 10px; }
h2 { text-align:left; color: #003399; font-size: 150%; margin-bottom: 10px;}
h3 { text-align:left; color: #003399; font-size: 110%; margin-bottom: 10px;}

h3 a { color: #003399; text-decoration:none;}
h3 a:visited { color: #003399; text-decoration:none;}
h3 a:hover { color: #003399; text-decoration:none; cursor:pointer;}

.title { text-align:left; color: #003399; font-size: 110%; font-weight:bold; text-decoration:none;}
.title a { color: #003399; text-decoration:none;}
.title a:hover { color: #003399; text-decoration:none;}

/* REGISTRATION */
.maincontent {text-align:left; font-size:8pt; color: #000000; font-weight: normal;}
.frmlabel {text-align:left; width: 20%; white-space:nowrap; font-size:8pt; color: #000000; font-weight: bold; float:left; padding-bottom:5px;}
.frmleft {width: 50%; text-align:left;}
.frmright {width: 50%; text-align:left;}
.frmtextbox {width:250px;color: #000000;background-color:#e8e8e8;}
.frmdropdown {width:250px;color: #000000; background-color:#e8e8e8;}
.frmCheckbox {font-size:8pt; color: #000000; font-weight: normal;}
.frmradio {font-size:8pt; color: #000000; font-weight: bold;}
.frmleft2 {width: 240px; float:left; text-align:left; vertical-align:top;}
.frmright2 {width: 260px; float:right; text-align:left; vertical-align:top; padding-bottom:3px;}
.frmdropdown2 {width:120px;color: #000000; margin-bottom:3px;background-color:#e8e8e8;}
.frmnewrow {clear:both; float:none; padding-bottom: 10px;}
.errorList {padding-left:50px; color:#cc0000; font-weight: bold; font-size:9pt;}
.errorList2 {padding-left:50px; color:#cc0000; font-weight: bold; font-size:9px;}
.frmleft3 {width: 120px; text-align:left; padding: 4px;}
.error { color: #CC0000; font-weight: bold; margin: 5px 0 0 0;}
.frmleft input { margin: 0 0 5px 0;}
.frmleft .maincontent input { margin: 0 5px 0 0;}
.frmCheckbox input { margin: 0 5px 0 0;}
textarea { font-family: Arial, Helvetica, sans-serif; }

.spacer5
{
	height:5px;
	overflow: hidden;
}

.spacer10
{
	height:10px;
	overflow: hidden;
}

.txtlink
{
	font-size: 8pt;
	color: #003399;
	text-decoration:none;
}

.txtlink:visited
{
	color: #003399;
	text-decoration:none;
}

.txtlink:hover
{
	text-decoration:none;
}

/* LEFT NAV */
#LeftNavContainer {margin-left:8px;width:200px; text-align:left; background-color: #003399;}
#LeftNavTop {background: url(/images/leftnav_top.gif) no-repeat top center; height:6px;font-size:1px;}
#LeftNavBottom {background: url(/images/leftnav_bottom.gif) no-repeat bottom center; height:6px;}
#LeftNavTitle {padding-left:10px; padding-bottom:0px; font-size:16px; color:#ffffff; font-weight:bold; font-family: Comic Sans MS, Arial, Helvetica, sans-serif;}
#LeftNavMenu {width:200px;}
.LeftNavItem {margin-bottom:2px; width:180px; margin-left:10px; margin-right:10px; background-color:#CCD6EB; cursor: hand;font-family: Comic Sans MS, Arial, Helvetica, sans-serif;}
.LeftNavItem a, .LeftNavItem a:visited {padding-left:6px; font-weight:bold;font-size:14px; color:#003399; text-decoration:none;}
.LeftNavItemSelected {margin-bottom:2px; width:180px; margin-left:10px; margin-right:10px; background-color:#FFFFFF; cursor: hand;font-family: Comic Sans MS, Arial, Helvetica, sans-serif;}
.LeftNavItemSelected a, .LeftNavItemSelected a:visited {padding-left:6px; font-weight:bold; font-size:14px; color:#003399; text-decoration:none;}
/* LEFT NAV SUBITEMS */
.LeftNavSubItem {margin-bottom:1px; width:160px; margin-left:10px; margin-right:0px; background-color:#7F99CC; cursor: hand;}
.LeftNavSubItem a, .LeftNavSubItem a:visited {padding-left:2px; font-weight:normal;font-size:11px; color:#FFFFFF; text-decoration:none;}
.LeftNavSubItemSelected {margin-bottom:1px; width:160px; margin-left:10px; margin-right:0px; background-color:#003399; cursor: hand;}
.LeftNavSubItemSelected a, .LeftNavSubItemSelected a:visited {padding-left:2px; font-weight:normal; font-size:11px; color:#FFFFFF; text-decoration:none;}
.LeftNavSubItemSpacer {margin-bottom:1px; width:160px; margin-left:10px; margin-right:0px; background-color:#FFFFFF; height:8px; font-size:1px;}

/* BOX FORMS */
#FormContainer {width:390px; background-color: #D6DEEF;}
#FormTop {background: url(/images/form_top.gif) no-repeat top left; height:7px;font-size:1px;}
#FormBottom {background: url(/images/form_bottom.gif) no-repeat top left; height:7px;font-size:1px;}
#FormFields {width:370px; margin-left:10px; margin-right:10px;}
#FormFields input {width:190px;}
#FormFields textarea {width:190px;}
.FormLabel {color:#003399; font-size:12px; font-weight:bold;}
#EcardTable input {width:20px;}

.blueBorder
{
	width:95%;
	border: solid #d6deef 1px;
	margin-bottom:5px;
    padding: 5px;	
}

.blueBackground
{
	width:95%;
	background-color:#d6deef;	
	margin-bottom:5px;
	padding: 5px;
}

.faqcontainer
{
	background: #003399 url(/images/tl_blue.gif) top left no-repeat;
}

.faqcontainer span
{
	display: block;
	background: url(/images/tr_blue.gif) top right no-repeat;
}
    
.faqcontainer span span
{
	background: url(/images/br_blue.gif) bottom right no-repeat;
}

.faqcontainer span span span
{
	padding:5px;
	height:0px;
	background:  url(/images/bl_blue.gif) bottom left no-repeat;
}

.faqcontainer span span > span
{
	height: auto;
}

.faqatitle
{
	color: #ffffff;
	font-weight:bold;
	font-size:10pt;
	padding-bottom:3px;
}

.faqqtitle
{
	background-color:#d6deef;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:5px;
}

.faqqtitle
{
     vertical-align: top;
}

.faqcontent
{
	background-color:#d6deef;
	padding-left:5px;
}
/* ##### Felix Fun Stuff ##### */

/*Should use this globally as default for links*/

.BtnArrow { background: url(/images/btn_arrow.png) no-repeat left center; padding: 0 0 2px 20px; font-weight: bold; color: #003399; margin: 10px 0 0 0; font-family: Comic Sans MS, Comic Sans, Arial, Sans-Serif; display: inline; border: 0;  cursor: pointer;}

/*solid blue box*/
.box_solid { width: 100%; margin: 0 0 10px 0; /*adjust the bg colour*/background: #D6DEEF;}
.box_solid_top { width: 100%; overflow: hidden; background: #D6DEEF url(/images/tl_ltblue.gif) no-repeat; position: relative;  }
.box_solid_top img{ position: absolute; top: 0px; right: 0px; display: block; overflow: hidden; }
.box_solid_content { padding:5px 10px; /*overflow:hidden;*/ }
.box_solid_bottom { width:100%; background: #D6DEEF url(/images/bl_ltblue.gif) no-repeat; position: relative; clear: both;  }
.box_solid_bottom img{ position: absolute; top: 0; right: 0; display: block; overflow: hidden; }
.box_solid_top, .box_solid_bottom { /*adjust the height*/height: 3px; }

/*thin border, transparent bg*/
.box_border { width:100%; margin: 0px 0px 10px 0px; position: relative;}
.box_border_top { width: 100%; overflow: hidden; background: /*adjust the bg colour*/transparent url(/images/t_ltblue.gif) repeat-x; position: relative;  }
.box_border_top div { height: 100%; background: url(/images/tl_ltblue.gif) no-repeat; width: 100%; }
.box_border_top img{ position: absolute; top: 0px; right: 0px; display: block; overflow: hidden;}
.box_border_content { padding: 5px 10px; border-left: 1px solid #D6DEEF; border-right: 1px solid #D6DEEF; /*overflow:hidden;*/}
.box_border_bottom{ width:100%; background: url(/images/b_ltblue.gif) repeat-x; position: relative; clear: both; }
.box_border_bottom div { height: 100%; background: url(/images/bl_ltblue.gif) no-repeat; width: 100%;  }
.box_border_bottom img{ position: absolute; top: 0px; right: 0px; display: block; overflow: hidden; }
.box_border_top, .box_border_bottom { /*adjust the height*/height: 3px; }

.box_solid .thumb { float:left; padding: 0px 10px 0px 0px; display: block; }
.box_border .thumb { float:right; padding: 0px 0px 0px 10px;display: block; }

/*login boxes*/
.login { width: 170px; margin: 10px 10px 0px 0px; float: left;}
.login label { margin: 5px 0 0px 0; font-size: 130%; color: #003399;}
.login input { width: 96%; text-align: left; }
.login .box_solid_content { min-height: 150px; height: auto !important; height: 150px; /*font-size: 0.8em; font-weight: bold; */}
.login .BtnArrow { margin: 0px; }

/*address confirmation*/
.address {width: 92%; margin: 5px 2% 0px 0px;}
.address .label { margin: 5px 0 0px 0; font-size: 100%;color: #003399;}
.address .input { width: 180px; text-align: left;}
.address .dropdown { width: 184px; text-align: left; }
.address .error {color: Red; font-weight: bold;}
.address .box_solid_content { min-height: 150px; height: auto !important;}

/*Buy Online*/
.logos {padding: 40px 0px 0px 0px; text-align: center; }
.logos img { border: 0px; padding: 10px; } 

/* Ages and Stages */
.agesandstages {width: 380px;}

/* Sitemap */
.sitemap a
{
    display:block;
    padding: 0 5px; 
}
.sitemap 
{
    float: left;
    width: 110px;
    margin: 10px 10px 0px 0px;

}
.sitemaptitle a:link, .sitemaptitle a:visited, .sitemaptitle a
{
	color: #000000;
	padding-left:20px;
	font-weight: bold;
	text-decoration: none;
}
.sitemaptitle a:hover 
{
	text-decoration: underline;
}
.titlehome {font-size:16px; font-weight:bold;}
.titlehome a, .titlehome a:link, .titlehome a:visited, .titlehome a:hover {text-decoration: none;}










/* PRINT MEDIA SETTINGS */
@media print 
{
	body 
	{
		background:#FFFFFF;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		text-align:left;
		font-size: 11pt;
		color: #000000;
	}
	#printcontainer 
	{
		border: 1px solid #CCCCCC;
		padding: 25px;
	}
	#printcontainer h2
	{
		padding-bottom: 20px;
	}
	td 
	{
		font-size:11pt;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	}
}