@charset "UTF-8";
/*---------------------------------

   ALSO MAKE CHANGES TO LOW_MAIN.CSS
   
-----------------------------------*/
/*--------------------------------------------------------------
Although the CSS in this file can be freely copied, the associated
graphic files are copyright 2008 Carters Direct and may not be
reproduced in any form. Furthermore, the unique combination
of images, colors and typography that gives the website its
'look and feel' are also copyright 2008 Carters Direct.
--------------------------------------------------------------*/
/*---------------------------------
   Standard page defaults
-----------------------------------*/
body {
	font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
	background: #B7CBDD;
	margin: 0;
	padding: 0;
}
td#site-body {  /*used for admin area preview window*/
	font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
	background: #B7CBDD;
	margin: 0;
	padding: 0;
}
td#site-body td {  /*used for admin area preview window*/
	font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
}
.page {  /*the admin area window that holds SS short-cuts*/
	color: #000;
	padding: 10px;
	margin: 0;
	background-color: #FFF;
}
img {
	border: 0;
	margin: 0 0 5px 0;
}
.footnote {
	width: 760px;
	color: #333;
	text-align: center;
	margin: 10px auto;
}
#wrap {
	padding: 0;
	margin: 0 auto;
	background: #FFF;
}
form {
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 8px 0;
	border: 0;
	margin: 0;
}
/* Start Holy Hack for IE peekaboo and other bugs \*/
* html #page { height: 1%; }
* html #page div { height: 1%; }
* html #page div div { height: 1%; }
* html #page div div div { height: 1%; }
/* End Holy Hack for IE */ 
/*---------------------------------
   Main Page Content
-----------------------------------*/
#mid1 {
	float: left;
	padding: 0;
	margin: 0;
	background: #FFF url(images/back_wrapper.gif) left repeat-y;
}
#page {
	float: left;
	padding: 0;
	margin: 10px 0 5px 12px; /* right can be left at zero */
}
#page a {
	text-decoration: none;
	color: #000;
}
#page a:hover {
	text-decoration: underline;
	color: #C00;
}
#page h1 {
	color: #000;
	line-height: 110%;
	padding: 0;
	margin: 0 0 8px 0;
}
#page h2 {
	color: #555;
	padding: 0;
	margin: 0 0 4px 0;
}
#page h3 {
	color: #000;
	padding: 0;
	margin: 0;
}
#page h4 {
	color: #000;
	padding: 0;
	margin: 0;
}
#page p {
	color: #333;
	padding: 0;
	margin: 0 0 10px 0;
}
.grey{
	color: #888;
}
.hide {
	display: none;
}
/*---------------------------------
   Text Box Styling - Backgrounds
-----------------------------------*/
.inset1, .inset2, .inset3, .inset4, .inset5, .inset6, .inset7, .inset8 {
	padding: 0;
	margin: 0;
}
.inset2, .inset4, .inset6, .inset8 {
	background: url(images/inset_cr.gif) repeat-y right;
}
.inset1, .inset3, .inset5, .inset7 {
	margin: 0 0 10px 0;
}
.inset1 {
	background-color: #F5E1D8;
	border: 1px solid #E5BDAC;
}
.inset2 {
	background-color: #F5E1D8;
}
.inset3 {
	background-color: #FFF6CA;
	border: 1px solid #ECE1A8;
}
.inset4 {
	background-color: #FFF6CA;
}
.inset5, .inset6 {
	background-color: #795D95;
}
.inset7 {
	background-color: #EEE;
	border: 1px solid #CCC;
}
.inset8 {
	background-color: #EEE;
}
/*---------------------------------
   Text Box Styling - Subheads
-----------------------------------*/
#page .inset1 h2, #page .inset3 h2, #page .inset5 h2, #page .inset7 h2 {
	padding: 5px;
	margin: 0;
}
#page .inset2 h2, #page .inset4 h2, #page .inset6 h2, #page .inset8 h2 {
	padding: 5px 15px 5px 10px;
	margin: 0;
	background: url(images/inset_tr.gif) no-repeat right top;
}
#page .inset1 h2, #page .inset2 h2 {
	font-weight: bold;
	color: #94402D;
	background-color: #E5BDAC;
}
#page .inset3 h2, #page .inset4 h2 {
	font-weight: bold;
	color: #7F5F03;
	background-color: #ECE1A8;
}
#page .inset5 h2, #page .inset6 h2 {
	font-weight: bold;
	color: #FFF;
	background-color: #573974;
}
#page .inset7 h2, #page .inset8 h2 {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
}
/*---------------------------------
   Text Box Styling - Body Text
-----------------------------------*/
#page .inset1 p, #page .inset2 p {
	color: #94402D;
	padding: 5px 10px;
	margin: 0;
}
#page .inset3 p, #page .inset4 p {
	color: #7F5F03;
	padding: 5px 10px;
	margin: 0;
}
#page .inset5 p, #page .inset6 p {
	color: #FFF;
	padding: 5px 10px;
	margin: 0;
}
#page .inset7 p, #page .inset8 p {
	color: #555;
	padding: 5px 10px;
	margin: 0;
}
#page .inset1 a, #page .inset2 a {
	color: #7D2B18;
}
#page .inset3 a, #page .inset4 a {
	color: #604701;
}
#page .inset5 a, #page .inset6 a {
	color: #F1E0FC;
}
#page .inset7 a, #page .inset8 a {
	color: #444;
}
#page .inset1 a:hover, #page .inset2 a:hover {
	color: #C00;
}
#page .inset3 a:hover, #page .inset4 a:hover {
	color: #C00;
}
#page .inset5 a:hover, #page .inset6 a:hover {
	color: #FFFF66;
}
#page .inset7 a:hover, #page .inset8 a:hover {
	color: #C00;
}
/*---------------------------------
   Text Box Styling - Captions
-----------------------------------*/
#page .inset1 .pic-l, #page .inset1 .pic-a, #page .inset1 .pic-c, #page .inset1 .pic-r, #page .inset1 .pic-b, #page .inset1 .pic-, #page .inset2 .pic-l, #page .inset2 .pic-a, #page .inset2 .pic-c, #page .inset2 .pic-r, #page .inset2 .pic-b, #page .inset2 .pic- {
	color: #000;
}
#page .inset3 .pic-l, #page .inset3 .pic-a, #page .inset3 .pic-c, #page .inset3 .pic-r, #page .inset3 .pic-b, #page .inset3 .pic-, #page .inset4 .pic-l, #page .inset4 .pic-a, #page .inset4 .pic-c, #page .inset4 .pic-r, #page .inset4 .pic-b, #page .inset4 .pic- {
	color: #724C00;
}
#page .inset5 .pic-l, #page .inset5 .pic-a, #page .inset5 .pic-c, #page .inset5 .pic-r, #page .inset5 .pic-b, #page .inset5 .pic-, #page .inset6 .pic-l, #page .inset6 .pic-a, #page .inset6 .pic-c, #page .inset6 .pic-r, #page .inset6 .pic-b, #page .inset6 .pic- {
	color: #FFF;
}
#page .inset7 .pic-l, #page .inset7 .pic-a, #page .inset7 .pic-c, #page .inset7 .pic-r, #page .inset7 .pic-b, #page .inset7 .pic-, #page .inset8 .pic-l, #page .inset8 .pic-a, #page .inset8 .pic-c, #page .inset8 .pic-r, #page .inset8 .pic-b, #page .inset8 .pic- {
	color: #333;
}
/*---------------------------------
   Text Box Styling - Bottom
-----------------------------------*/
#page .inset1 h6, #page .inset2 h6, #page .inset3 h6, #page .inset4 h6, #page .inset5 h6, #page .inset6 h6, #page .inset7 h6, #page .inset8 h6 {
	padding: 0;
	margin: 0;
	clear: left;
}
#page .inset1 h6, #page .inset3 h6, #page .inset5 h6, #page .inset7 h6 {
	height: 0;
}
#page .inset2 h6, #page .inset4 h6, #page .inset6 h6, #page .inset8 h6 {
	background: url(images/inset_br.gif) no-repeat bottom right;
}
#page .inset2 h6 a, #page .inset4 h6 a, #page .inset6 h6 a, #page .inset8 h6 a {
	display: block;
	background: url(images/inset_bl.gif) no-repeat bottom left;
}
/*---------------------------------
   Text Box Styling - Link Lists
-----------------------------------*/
#page .inset1 ul, #page .inset2 ul, #page .inset3 ul, #page .inset4 ul, #page .inset5 ul, #page .inset6 ul, #page .inset7 ul, #page .inset8 ul {
	list-style: none;
	padding: 0;
	border: 0;
	margin: 0 10px 0 0; /* padding around clickable area within div */
}
#page .inset2 ul, #page .inset4 ul, #page .inset6 ul, #page .inset8 ul {
	margin-right: 18px; /* extra padding to allow for drop-shadow */
}
#page .inset1 li, #page .inset2 li, #page .inset3 li, #page .inset4 li, #page .inset5 li, #page .inset6 li, #page .inset7 li, #page .inset8 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	border: 0;
	margin: 0;
}
#page .inset1 li a, #page .inset2 li a, #page .inset3 li a, #page .inset4 li a, #page .inset5 li a, #page .inset6 li a, #page .inset7 li a, #page .inset8 li a {
	display: block;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 5px; /* padding around text to make clickable area */
	margin: 0;
}
/* IE box-model hack - sigh! */
* html #page .inset1 li a, * html #page .inset2 li a, * html #page .inset3 li a, * html #page .inset4 li a, * html #page .inset5 li a, * html #page .inset6 li a, * html #page .inset7 li a, * html #page .inset8 li a { margin-right: -10px; }
/* end of IE hack */
#page .inset1 li a, #page .inset2 li a {
	border-bottom: 1px dotted #B45D4C;
}
#page .inset3 li a, #page .inset4 li a {
	border-bottom: 1px dotted #B29E4B;
}
#page .inset5 li a, #page .inset6 li a {
	border-top: 1px solid #A47FCA;
	border-bottom: 1px solid #543870;
}
#page .inset7 li a, #page .inset8 li a {
	border-bottom: 1px dotted #555;
}
#page .inset1 li a:hover, #page .inset2 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #D2AE9E;
}
#page .inset3 li a:hover, #page .inset4 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #F0E79B;
}
#page .inset5 li a:hover, #page .inset6 li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #958D47;
}
#page .inset7 li a:hover, #page .inset8 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #CCC;
}
#page .inset1 li a.current, #page .inset2 li a.current {
	color: #3E1A11;
	background-color: #F9EDB8;
}
#page .inset3 li a.current, #page .inset4 li a.current {
	color: #000;
	background-color: #FDF1A2;
}
#page .inset5 li a.current, #page .inset6 li a.current {
	color: #000000;
	background-color: #AB8BCB;
}
#page .inset7 li a.current, #page .inset8 li a.current {
	color: #333;
	background-color: #F6EAB6;
}
#page .inset1 .light, #page .inset2 .light {
	color: #5E79B2;
}
#page .inset7 .light, #page .inset8 .light {
	color: #999;
}
/*---------------------------------
   Pictures (caption colour is overriden for inset boxes)
-----------------------------------*/
.pic-l, .pic-a, .pic-c, .pic-r, .pic-b, .pic- {
	color: #000;
	text-align: center;
	margin: 0 0 5px 0;
}
#page div .pic-r, #page div .pic-b {
	margin: 5px 12px 0 0; /* keep inset pic borders within the inset box */
}
.pic-l {
	float: left;
	margin: 0 15px 10px 0;
}
.pic-r {
	float: right;
	margin: 0 0 10px 15px;
}
/* Start Hack for IE 3px-jog bug \*/
* html .pic-l { margin-right: 12px; }
* html .pic-r { margin-left: 12px; }
/* End Hack for IE */ 
.pic-c {
	margin: 5px auto;
}
.pic-a, .pic- {
	margin: 0 auto 5px 0;
}
.pic-b {
	margin: 0 0 5px auto;
}
/*---------------------------------
  Header and Primary Navigation
-----------------------------------*/
#top1 {
	background: url(images/back_top.gif) repeat-x bottom;
}
#top2 {
	height: 98px;
	background: url(images/call_banner.gif) 262px 8px no-repeat;
}
#top-n1 {
	float: left;
	height: 98px;
	margin: 0;
	padding: 0;
}
#top-n1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-n1 ul li {
	float: left;
	text-align: center;
	line-height: 115%;
}
#top-n1 ul li a {
	display: block;
	height: 49px; /* add to padding to get the height of the clickable region from the top of the box */
	color: #FFF;
	text-decoration: none;
	padding: 41px 0 0 0;
	margin: 0;
}
#top-n1 ul li a:hover {
	background-color: transparent;
}
#top-n1 .logo, #top-n1 .logo2 {
	display: block;
	height: 98px;
	padding: 0;
	margin: 0;
	background: url(images/top_logo.gif) no-repeat right bottom;
}
#top-n1 .logo2 {
	background: url(images/top_logo2.gif) no-repeat right bottom;
}
#top-n1 a.close { /* used for pop-up TofB page */
	width: 550px;
	padding: 46px 0 0 0;
}
#top-n1 a:hover {
	color: #FF3;
	background-color: #333;
}
#top-n1 a span {
	display: none;
}
#top-n1 a:hover span { /* position of nav1 hover text */
	display: block;
	position: absolute;
	top: 76px;
	width: 160px;
	color: #790000;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	padding: 5px;
	border: 1px solid #000;
	margin-left: -45px;
	background-color: #FF9;
}
#top-n1 a.logo:hover span, #top-n1 a.logo2:hover span {
	top: 65px;
	margin-left: 0;
}
/* IE hack to centre the nav1 hover text */
* html #top-n1 a:hover span { margin-left: -85px; }
/* end of IE hack */
#top-n1 .current {
	height: 90px; /* the distance from the (right) graphic base-line to the top of the box */
	background: url(images/nav1_r.gif) no-repeat right bottom;
}
#top-n1 a.current {
/* hack to hide 49px value from IE5.5 */	
	height: 90px;
	height: /**/49px; /* add to padding to get the height of the clickable region from the top of the box */
/* end of IE5.5 hack */	
	color: #FFF;
	padding: 41px 0 0 0; /* space above text (plus leading space) */
	background: url(images/nav1_l.gif) no-repeat left bottom;
}
#top-n1 a.current:hover {
	color: #FF3;
	background-color: transparent;
}
#top-n1 .bar {
	height: 90px; /* the distance from the graphic base-line to the top of the box */
	background: url(images/top_bar.gif) repeat-x bottom;
}
#top-n1 a.bar {
/* hack to hide 49px value from IE5.5 */	
	height: 90px;
	height: /**/49px; /* add to padding to get the height of the clickable region from the top of the box */
/* end of IE5.5 hack */	
	padding: 41px 0 0 0; /* space above and below text on the rollover */
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top-n1 a { float: none; }
/* End IE5-Mac hack */
/* Clickable Region Hack re-sets width for all browsers other than IE-Win */
#top-n1 > ul a { width: auto; }
/* End IE-Win hack */
#top-n4 {  /* holds the extra nav links */
	float: right;
	color: #A0BEDC;
	padding: 12px 6px 0 0;
	margin: 0;
}
#top-n4 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-n4 ul li {
	text-align: left;
	line-height: 120%;
	white-space: nowrap;
	padding: 0 0 0 13px;
	margin: 0;
	background: url(images/bullet_n4.gif) no-repeat left top;
}
#top-n4 ul li a {
	color: #A0BEDC;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#top-n4 a:hover {
	color: #FF3;
	text-decoration: underline;
}
/*---------------------------
  Secondary Navigation
-----------------------------*/
#mid-n2 {
	float: left;
	padding: 0;
	margin: 0;
}
#mid-n2 ul {
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0 0 0 13px; /* level-2 nav text inset */
}
#mid-n2 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	margin: 0;
}
#mid-n2 li a {
	display: block;
	width: 138px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding: 6px 0 8px 2px;
	margin: 0 0 0 -3px;
	background: url(images/nav2_line.gif) repeat-x bottom;
}
#mid-n2 li a:hover {
	color: #000;
	background-color: #97BFE4;
}
#mid-n2 .nav2-sel { /*the nav2 selected page with nav3*/
	display: block;
/* hack to hide 167px value from IE5.5 */	
	width: 167px;
	width: /**/154px;
/* end of IE5.5 hack */	
	color: #FFF;
	font-weight: bold;
	padding: 6px 0 7px 13px; /* first figure is space above text, second governs 
										the text wrap (check in IE6), third is thickness of
										n2_top.gif, fourth should be '#s-nav ul' inset value
										plus '#s-nav li a' left text padding */
	margin: 0 0 0 -13px; /* offsets #s-nav ul inset value */
	background: url(images/nav2_top.gif) no-repeat left bottom;
}
#mid-n2 .nav2-sel a { /* nav2 selected page with a nav3 selected */
	color: #FFF;
	font-weight: bold;
	padding: 5px 0 2px 2px;
	margin: -5px 0 -2px -2px; /* use padding to define clickable area, then offset it with margin */
	background: none;
}
#mid-n2 #nav2-top { /*the nav2 arrow above nav3*/
	height: 36px;
	margin: 0 0 0 -13px;
	background: url(images/nav2_sel.gif) no-repeat left bottom;
}
#mid-n2 .nav2-only { /*the nav2 selected link when there is no nav3*/
	display: block;
/* hack to hide 156px value from IE5.5 */	
	width: 167px;
	width: /**/156px;
/* end of IE5.5 hack */	
	font-weight: bold;
	color: #FFF;
	padding: 16px 0 0 11px;
	margin: 0 0 0 -13px;
	background: url(images/nav2_sel_top.gif) no-repeat left top;
}
#mid-n2 .nav2-only #nav2-bot { /*the bottom of the nav2-sel graphic*/
	height: 10px; /*the size of the graphic*/
	padding: 0 0 8px 0; /*the distance of the graphic below the text*/
	margin: 0 0 0 -11px;
	background: url(images/nav2_sel_bot.gif) no-repeat left bottom;
}
#mid-n2 .nav2-sel  ul { /*the nav3 list*/
	list-style: none;
	padding: 0;
	margin: 0 0 0 -13px;
	background: url(images/nav3_back.gif) repeat-y;
}
#mid-n2 .nav2-sel li {
	display: inline; /*gets rid of IE6 'space under' bug*/
	padding: 0;
	margin: 0;
}
#mid-n2 .nav2-sel li a { /* the nav3 links */
	display: block;
	width: 140px;
	font-weight: normal;
	color: #184370;
	text-decoration: none;
	margin: 0 0 0 7px;
	padding: 4px 0 7px 3px;
	background: url(images/nav3_line.gif) repeat-x bottom;
}
#mid-n2 .nav2-sel li a:hover {
	color: #7F0000;
	background-color: #F2E7AC;
}
#mid-n2 .nav2-sel .nav3-sel { /* selected nav3 link */
	display: block;
/* hack to hide 155px value from IE5.5 */	
	width: 167px;
	width: /**/155px;
/* end of IE5.5 hack */	
	font-weight: bold;
	color: #184370;
	padding: 7px 0 0 12px;
	margin: 0;
	background: url(images/nav3_sel.gif) no-repeat left top;
}
#mid-n2 .nav2-sel #nav3-bot { /*the bottom of the nav3-sel graphic*/
	width: 148px;
	height: 5px;
	padding: 0;
	margin: 2px 0 0 -12px;
	background: url(images/nav3_sel_bot.gif) no-repeat left bottom;
}
#mid-n2 .link-intro {
	display: block;
	width: 138px;
	font-weight: bold;
	color: #FF9;
	text-decoration: none;
	padding: 6px 0 8px 2px;
	margin: 0 0 0 -3px;
	background: #0E628F url(images/nav2_line.gif) repeat-x bottom;
}
.credits {
	display: block;
	position: relative;
	bottom: 0px;
	width: 138px;
	color: #8BAFC9;
	padding: 10px 0 0 13px;
	margin: 0;
}
.credits a {
	color: #CADBEF;
	text-decoration: none;
}
.credits a:hover { 
	color: #FF6;
	text-decoration: underline;
}
/*---------------------------------
  Bottom Box Layout
-----------------------------------*/
#foot1 {
	background: #FFF url(images/back_wrapper.gif) left repeat-y;
	clear: both;
}
#foot2 {
	height: 53px;
	background: url(images/footer_left.gif) left bottom no-repeat;
}
#foot-fonts {
	float: left;
	height: 50px;
	width: 167px;
	color: #CADBEF;
	line-height: 36px;
	padding: 7px 0 0 12px;
	margin: 0;
}
#foot-fonts .size1, #foot-fonts .size2, #foot-fonts .size3, #foot-fonts .size4 {
	text-decoration: underline;
}
#foot-fonts a.size1, #foot-fonts a.size2, #foot-fonts a.size3, #foot-fonts a.size4 {
	color: #CADBEF;
	text-decoration: none;
}
#foot-fonts a:hover {
	color: #FF6;
	text-decoration: underline;
}
#foot-fonts .size1 {
	font-size: 13px;
}
#foot-fonts .size2 {
	font-size: 16px;
}
#foot-fonts .size3 {
	font-size: 19px;
}
#foot-fonts .size4 {
	font-size: 22px;
}
/*---------------------------------
  Terms Page Footer
-----------------------------------*/
#foot-n4 ul li {
	background: none;
}
#foot-n4 ul li a {
	color: #000;
	margin: 0 0 0 80px;
}
#foot-n4 ul li a:hover {
	color: #C00;
}
/*---------------------------------
  Fixed Navigation Links
-----------------------------------*/
#breadcrumbs {
	float: left;
	line-height: 53px; /* ensures underline shows on IE6 */
	color: #777;
	margin: 3px 0 0 0;
}
#breadcrumbs a {
	text-decoration: none;
	color: #777;
}
#breadcrumbs a:hover { 
	text-decoration: underline;
	color: #C00;
}
/*---------------------------------
  Next and More Buttons
-----------------------------------*/
a.next {
	position:relative;
	border: 1px solid white;
	background: url(images/next.gif) no-repeat 0 2px;
}
a.next img {
	margin: 0;
	vertical-align: top;
}
a.next:hover { 
	background: url(images/next_in.gif) no-repeat 0 2px;
}
a.more {
	position:relative;
	border: 1px solid white;
	background: url(images/more.gif) no-repeat 0 2px;
}
a.more img {
	margin: 0;
	vertical-align: top;
}
a.more:hover { 
	background: url(images/more_in.gif) no-repeat 0 2px;
}