@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a {
	margin:0;
	padding:0;
}
/** {
	margin:0;
	padding:0;
}*/
body {
	background:#F3F1E8;
	margin: 0 auto;
	padding-top:13px;
	width:1004px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8294a0;
}
img {
	border:0;
}
a {
	outline:none;
}
.fLeft {
	float:left;
}
.fRight {
	float:right;
}
#header {
	background:url(../images/shadowHeader.png) no-repeat bottom left;
	width:980px;
	height:158px;
	padding:0 12px 0 12px;
	overflow:hidden;
}
#header #topNavBody {
	background:#fff;
	width:900px;
	overflow:hidden;
	height:108px;
	float:left;
	padding:35px 40px 15px 40px;
}
#header #topNavBody #cartersOKBLogo {
	text-align:right;
}
#header #topNavBody #websiteLinks {
	clear: both;
	overflow:hidden;
	margin-bottom:30px;
}
#heroBanner {
	width:980px;
	overflow:hidden;
	margin:0 12px 0 12px;
}
#pageBody {
	background:url(../images/shadowBody.png) no-repeat bottom left;
	width:980px;
	padding:0 12px 0 12px;
	overflow:hidden;
}
/*------------ start: Site Navigation -----------------*/
#siteNavigation {
	width:898px;
	height: 20px;
	position: relative;
	background:url(../images/nav_main.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
#siteNavigation li {
	list-style-type:none;
	float: left;
}
#siteNavigation li a {
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 20px;
	background: url(../images/nav_main.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
/*up state*/
li#siteNavigation_home a {
	left: 0;
	width: 69px;
	background-position: 0 0;
}
/*rollover state*/
li#siteNavigation_home a:hover {
	background-position: 0 -30px;
}
li#siteNavigation_history a {
	left: 69;
	width: 95px;
	background-position: -69px 0;
}
li#siteNavigation_history a:hover {
	background-position: -69px -30px;
}
li#siteNavigation_careers a {
	left: 164;
	width: 95px;
	background-position: -164px 0;
}
li#siteNavigation_careers a:hover {
	background-position: -164px -30px;
}
li#siteNavigation_investorR a {
	left: 259;
	width: 179px;
	background-position: -259px 0;
}
li#siteNavigation_investorR a:hover {
	background-position: -259px -30px;
}
li#siteNavigation_community a {
	left: 437;
	width: 136px;
	background-position: -437px 0;
}
li#siteNavigation_community a:hover {
	background-position: -437px -30px;
}
li#siteNavigation_faq a {
	left: 573;
	width: 78px;
	background-position: -573px 0;
}
li#siteNavigation_faq a:hover {
	background-position: -573px -30px;
}
li#siteNavigation_ourbrands a {
	left: 653;
	width: 126px;
	background-position: -653px 0;
}
li#siteNavigation_ourbrands a:hover {
	background-position: -653px -30px;
}
li#siteNavigation_storelocator a {
	left: 779;
	width: 120px;
	background-position: -779px 0;
}
li#siteNavigation_storelocator a:hover {
	background-position: -779px -30px;
}
/*------------ end: Site Navigation -----------------*/
/*----------- start: home page -------------*/
#home {
	background:#fff;
	min-height:455px;
	overflow:hidden;
	padding:45px 40px 50px 40px;
	position:relative;
}
#homeRight {
	float:left;
	height:200px;
	width:410px;
	border:0px solid green;
	margin-left:30px;
}
#homeRight ul li {
	list-style-type:none;
	display:block;
	overflow:auto;
	margin-bottom:20px;
}
#homeRight ul li.last {
	margin-bottom:0px;
}
#homeRight .column1 {
	width:180px;
	overflow:hidden;
	margin-right:30px;
	float:left;
	text-transform:lowercase;
	font-weight:bold;
	padding-bottom:20px;
	border-bottom:1px solid #e3e3e3;
}
#homeRight .column2 {
	width:180px;
	overflow:hidden;
	float:left;
	text-transform:lowercase;
	font-weight:bold;
	padding-bottom:20px;
	border-bottom:1px solid #e3e3e3;
}
#homeRight .nobottomlinecolumn1 {
	width:180px;
	overflow:hidden;
	margin-right:30px;
	float:left;
	text-transform:lowercase;
	font-weight:bold;
	padding-bottom:20px;
	border-bottom:0px solid #e3e3e3;
}
#homeRight .column2 .nobottomlinecolumn2 {
	width:180px;
	overflow:hidden;
	float:left;
	text-transform:lowercase;
	font-weight:bold;
	padding-bottom:20px;
	border-bottom:0px solid #e3e3e3;
}
#homeRight.icon {
	margin-bottom:10px;
	display:block;
	height:41px;
	position:relative;
}
#homeRight .icon img {
	position:absolute;
	bottom:0;
}
#homeRight h3.title a {
	font-size:16px;
	color:#6db33f;
	text-decoration:none;
}
#homeRight h3.title .faq {
	text-transform:uppercase;
}
#homeRight h3.title a:hover {
	text-decoration:underline;
}
#homeRight .content {
	line-height:150%;
	margin-bottom:5px;
	font-weight:normal;
}
#homeRight .linkToMore a {
	color:#55c7e9;
	background:url(../images/caretBlue.png) no-repeat top left;
	padding-left:10px;
	text-decoration:none;
	font-weight:normal;
}
#homeRight .linkToMore a:hover {
	text-decoration:underline;
}
/* Home Left column content classes starts here */
#homeLeft {
	float:left;
	width:455px;
	overflow:hidden;
	border:0px solid red;
}
#homeLeft #column2 {
	height:245px;
	width:274px;
}
#homeLeft #column1 #storeLocator {
	clear:both;
	width:170px;
	height:122px;
	margin-right:10px;
}
#homeLeft #column1 #stockBar {
	background:#F3F1E8;
	height:81px;
	width:150px;
	margin-top:4px;
	font-weight:bold;
}
#homeLeft #column1 #stockBar #content {
	font-size:14px;
	font-family:Avenir Carters Heavy;
	color:#89B93A;
	line-height:115%;
	font-weight:normal;
}
#homeLeft #column1 #stockBar .linkToMore {
	font-size:12px;
	font-family:Avenir Carters Heavy;
	clear:both;
	padding-top:10px;
}
#homeLeft #column1 #stockBar .linkToMore a {
	color:#55c7e9;
	background:url(../images/caretBlue.png) no-repeat top left;
	padding-left:10px;
	font-weight:normal;
	text-decoration:none;
}
#homeLeft #column1 #stockBar .linkToMore a:hover {
	text-decoration:underline;
}
/* Left colume content classes ends here */
#corpStateHolder {
	position:relative;
}
#corpStateHolder #corporateStatement {
	left:140px;
	position:absolute;
	top:-41px;
	width:411px;
	z-index:100;
}
#homeLeft .calloutTop {
	background:url(../images/roundedCorn_Top.png) no-repeat top left;
	height:11px;
	border:0px solid red;
}
#homeLeft .calloutBody {
	background:url(../images/blue_bodybg.png) repeat top left;
	height:170px;
	width:376px;
}
#homeLeft .calloutBody img {
	margin:15px 0px 5px 25px;
	width:317px;
	height:99px;
	border:0px solid red;
}
#homeLeft .calloutBottom {
	background:url(../images/roundedCorn_Bottom.png) no-repeat bottom left;
	height:18px;
}
#homeLeft .calloutBody .linkToMore {
	clear:both;
	padding:10px 0px 0px 28px;
}
#homeLeft .calloutBody .linkToMore a {
	color:#55c7e9;
	background:url(../images/caretBlue.png) no-repeat top left;
	padding-left:10px;
	text-decoration:none;
	font-family:Avenir Carters Heavy;
	font-size:14px;
}
#homeLeft .calloutBody .linkToMore a:hover {
	text-decoration:underline;
}
#homeLeft #doggy {
	margin-bottom:-2px;
	margin-left:10px;
}
/*----------- end: home page -------------*/



/*----------- start: our brands -------------*/

#brands {
	background:#fff;
	min-height:455px;
	overflow:hidden;
	padding:0px 20px 50px 20px;
}
#brands, #imgCarter, #column3, #column4, #column5, img {
	margin-top:-1px;
}

#brands #column1 {
	float:left;
	width:210px;
	overflow:hidden;
	margin-right:20px;
}

#brands #column2 #imgJOY {
	margin-left:-20px;
}
#brands #column3 #imgCOM {
	margin-left:-20px;
}
#brands #column5 #imgGKids {
	margin-left:-48px;
}


#brands #column2 {
	float:left;
	width:135px;
	overflow:hidden;
	margin-right:20px;
}
#brands #column3 {
	float:left;
	width:138px;
	margin-right:20px;
}
#brands #column4 {
	float:left;
	width:220px;
	overflow:hidden;
	margin-right:20px;
}
#brands #column5 {
	float:left;
	width:120px;
}
#brands .title {
	font-size:16px;
	font-weight:bold;
	color:#8294A0;
	margin-top:10px;
}
#brands .title sup {
	font-size:10px;
}
#brands .highlightInfo {
	font-size:14px;
	/*font-weight:bold;*/
	line-height:150%;
	margin-bottom:20px;
}
#brands .content {
	line-height:150%;
	margin-bottom:5px;
}
#brands .linkToMore {
	display:block;
	margin-top:5px;
}
#brands .linkToMore a {
	/*font-weight:bold;*/
	color:#55c7e9;
	background:url(../images/caretBlue.png) no-repeat top left;
	padding-left:10px;
	text-decoration:none;
}
#brands .linkToMore a:hover {
	text-decoration:underline;
}
/*----------- end: our brands -------------*/
/*----------- start: careers -------------*/

#careers {
	background:#fff;
	min-height:455px;
	overflow:hidden;
	padding:30px 0px 50px 40px;
}
#careers strong {
	font-weight: bold;
}
#careers .highlightInfo {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:20px;
}
#careers .content {
	line-height:150%;
	margin-bottom:5px;
}
#careers #comLeft {
	float: left;
	width: 430px;
	margin-right: 20px;
	padding-top: 20px;
}
#careers #comRight {
	float: right;
	width: 460px;
	padding-top: 20px;
	margin-right: 30px;
}
#careers .orderList {
      margin: 15px 0 0 25px;
}
#careers .orderList strong {
      font-weight: bold;
}
#careers .orderList em {
      font-style: italic;
}
#careers p, #careers .orderList p {
      margin: 0 0 12px;
}
#careers .orderList a, .orderList a:visited {
      color: #54c7e9;
      text-decoration: none;
}
#careers .orderList a:hover {
      text-decoration: underline;
}
/*#careers #jobsFinder {
	float:left;
	margin-bottom:25px;
}
#careers #searchBox {
	background:#F3F1E8;
	width:440px;
	padding:20px 30px;
}
#careers #jobsFinder .title {
	color:#8294A0;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	height:20px;
}
#careers #jobsFinder .content {
	line-height:150%;
	margin-bottom:5px;
	width:350px;
	margin-bottom:15px;
}
#careers .linkToMore a {
	color:#55c7e9;
	background:url(../images/caretBlue.png) no-repeat top left;
	padding-left:10px;
	text-decoration:none;
}
#careers .linkToMore a:hover {
	text-decoration:underline;
}
#careers #jobsFinder div {
	display:block;
	margin-bottom:15px;
	clear:both;
	overflow:auto;
}
#careers #jobsFinder div.linkToMore {
	overflow:visible;
}
#careers #jobsFinder label {
	float:left;
	width:225px;
	margin-right:25px;
}
#careers #jobsFinder input {
	border:1px solid #ccc;
	border-top:0;
	background:url(../images/bgInput.gif) repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:16px;
	width:175px;
	padding:2px;
}
#careers #jobsFinder select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:18px;
	width:178px;
}
#careers #jobsFinder input#submitSearch
{
	width:75px;
	height: 28px;
	background:url(../images/sprite_image.jpg) no-repeat;
	border:0;
	float:right;
	margin-right:10px;
	cursor:pointer;
}
#careers #jobsFinder input#submitSearch a
	{
	left: 0;
	width: 75px;
	background-position: 0 0;
}
#careers #jobsFinder input#submitSearch:hover {
		background-position: 0 -38px;
}
#careers #jobsFinder #linksAndButtons {
	text-align:right;
	padding-right:45px;
	overflow:visible;
}
#careers #jobsFinder #linksAndButtons #links {
	margin-top:25px;
	padding-top:15px;
	padding-left:30px;
	border-top:1px dashed #e4e7e8;
	text-align:left;
	overflow:visible;
}
#careers #jobsFinder #linksAndButtons #links ul {
	width:425px;
	clear:both;
	margin-bottom:10px;
	overflow:auto;
	border-bottom:1px solid red;
}
#careers #jobsFinder #linksAndButtons #links ul li {
	list-style-type:none;
	width:140px;
	float:left;
	display:block;
}
#careers #jobsFinder #linksAndButtons {
	text-align:right;
	padding-right:45px;
	overflow:visible;
}
#careers #jobsFinder #linksAndButtons #links {
	margin-top:25px;
	margin-right:30px;
	padding-top:15px;
	padding-left:20px;
	border-top:1px dashed #e4e7e8;
	text-align:left;
	overflow:visible;
}
#careers #jobsFinder #linksAndButtons #links table td {
	padding-bottom:2px;
} */
/*----------- end: careers -------------*/



/*----------- start: investor relation -------------*/

#separator {
	height:5px;
	background:#e4f1ff;
	margin:0 12px;
	overflow:hidden;
}
#investorRelation {
	background:#fff;
	min-height:455px;
	overflow:hidden;
	padding:10px 0 0 30px;
}
#investorRelation #breadCrumb {
	clear:both;
	font-size:11px;
	padding-left:10px;
	margin-bottom:5px;
}
#investorRelation #breadCrumb a {
	color:#8294a0;
	text-decoration: none;
}
#investorRelation #breadCrumb a:hover {
	text-decoration: underline;
}
#investorRelation #breadCrumb .active {
	font-weight:bold;
}
#investorRelation #column1 {
	border-right:1px dashed #E4E7E8;
	float:left;
	margin-right:30px;
	padding-right:20px;
	padding-top:30px;
	position:relative;
	width:160px;
}
#investorRelation #column1 ul#leftNav {
	margin-bottom:210px;
	width:160px;
	overflow:hidden;
}
#investorRelation #column1 ul#leftNav li {
	margin-bottom:10px;
	display:block;
	padding-left:10px;
	font-size:13px;/*font-weight:bold;*/
}
#investorRelation #column1 ul#leftNav li a {
	/*color:#adb9c0;*/
	color:#A5B0B6;
	text-decoration:none;
}
#investorRelation #column1 ul#leftNav li a:hover {
	text-decoration:underline;
}
#investorRelation #column1 ul#leftNav li.linkToMore {
	background:url(../images/caretOrange.png) no-repeat center left;
	text-decoration:none;/*font-weight:bold;*/
}
#investorRelation #column1 ul#leftNav li.linkToMore a {
	color:#FF9900;
}
#investorRelation #column1 ul#leftNav li.linkToMore a:hover {
	text-decoration:underline;
}
#investorRelation #column1 #customeService {
	left:-10px;
	position:absolute;
	bottom:0;
	width:174px;
}
#investorRelation #column1 #customeService .calloutTop {
	background:url(../images/custServCallOutTop.png) no-repeat top left;
	height:6px;
}
#investorRelation #column1 #customeService .calloutBody {
	background:url(../images/custServCallOutBody.png) repeat top left;
	color:#fff;
	font-weight:normal;
	line-height:150%;
	padding:15px 10px;
}
/*Safari hack
#investorRelation #column1 #customeService .calloutBody {
	background:#F06D50;
#
}*/
#investorRelation #column1 #customeService .calloutBody .title {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
#investorRelation #column1 #customeService .calloutBody a {
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height:150%;
}
#investorRelation #column1 #customeService .calloutBottom {
	background:url(../images/custServCallOutBottom.png) no-repeat top left;
	height:17px;
}
#investorRelation #column2 {
	float:left;
	margin-right:50px;
	overflow:hidden;
	margin-top:15px;
	width:380px;
	line-height:150%;
}
#investorRelation #column2 h1 {
	color:#55c7e9;
	font-size:36px;
	margin-bottom:10px;
	line-height:normal;
	text-indent:-9999px;
}
#investorRelation #column2 h1.investor {
	background:url(../images/titleInvestrorelation.png) no-repeat top left;
	height:64px;
}
#investorRelation #column2 .highlightInfo {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:10px;
}
#investorRelation #column2 .title {
	font-size:16px;
	color:#A7B4BD;
	font-weight:bold;
	display:block;
	margin-top:15px;
	line-height:150%;
}
#investorRelation #column2 a.linkToMore {
	color:#55c7e9;
	background:url(../images/caretBlue.png) no-repeat top left;
	padding-left:10px;
	padding-bottom:5px;
	text-decoration:none;/*font-weight:bold;*/
}
#investorRelation #column2 a.linkToMore:hover {
	text-decoration:underline;
}
#investorRelation #column3 {
	float:left;
	width:309px;
	line-height:150%;
	position:relative;
}
#investorRelation #column3 #icons {
	float:right;
	right:30px;
	top:-22px;
	position:absolute;
}
#investorRelation #column3 #icons img {
	float:left;
}
#investorRelation #column3 #icons a {
	margin:5px 10px;
	display:block;
	float:left;
}
#investorRelation #column3 #stockBar {
	font-family:avenir;
	/*background:#F3F1E8;*/
	background:#ECEAE2;
	clear:both;
	margin-bottom:10px;
	margin-top:30px;
	overflow:auto;
	/*padding:20px 24px 0;*/
	padding:20px 0px 0px 20px;
}
*+html #investorRelation #column3 #stockBar {
	border-top:29px solid #fff;
}
#investorRelation #column3 #stockBar #time {
	display:block;
	margin-bottom:5px;
}
#investorRelation #column3 #stockBar #lastTrade {
	float:left;
	width:40%;
	margin-right:18px;
	border-right:0px solid aqua;
}
#investorRelation #column3 #stockBar #lastTrade #market {
	font-size:14px;
	margin-bottom:5px;
}
#investorRelation #column3 #stockBar #lastTrade #stockPrice {
	display:block;
	margin:8px 0;
	font-size:15px;
	width:97%;
	line-height:normal;
}
#investorRelation #column3 #stockBar #lastTrade #stockPrice.gain {
	background:url(../images/caterGain.gif) no-repeat right 8px;
	color:#6db33f;
	font-size:30px;
}
#investorRelation #column3 #stockBar #lastTrade #stockPrice.loss {
	background:url(../images/caterLoss.gif) no-repeat right 8px;
	color:#d00909;
	font-size:30px;
}
#investorRelation #column3 #content {
	border:0px solid red;
	width:49%;
}
#investorRelation #column3 #stockBar #change.gain {
	color:#6db33f;
}
#investorRelation #column3 #stockBar #change.loss {
	color:#d00909;
}
/*----------- end: investor relation -------------*/



/*----------- start: footer -------------*/

#footer {
	background:transparent url(../images/shadowBottom.png) repeat-x scroll left top;
	clear:both;
	color:#a1afb8;
	margin:0 12px;
	padding:30px;
	width:920px;
}
#footer a {
	color:#a1afb8;
	text-decoration:none;
	padding:0 6px;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .footerInfo {
	font-size:11px;
	margin-top:20px;
	width:800px;
	display:none;
}
#footer .footerInfo a {
	text-decoration:underline;
	margin:0;
}
#footer .footerInfo a:hover {
	text-decoration:none;
}

/*----------- end: footer -------------*/


/*----------- start: history, our stores -------------*/

#history,
#ourStores {
	background:#fff;
	min-height:455px;
	overflow:hidden;
	padding:30px 0px 50px 40px;
}
#history #historyIntro,
#ourStores #ourStoresIntro {
	float:left;
	width:380px;
	margin-right:60px;
	padding-top:20px;
}
#history em,
#ourStores em {
	color: #55C7E9;
	font-style: normal;
}
#history #historyIntro .highlightInfo,
#ourStores #ourStoresIntro .highlightInfo {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:20px;
}
#history #content,
#ourStores #content {
	float: left;
	line-height:175%;
	margin-bottom:5px;
	padding-top:20px;
	width: 460px;
}
#history #content p,
#ourStores #content p {
	margin-bottom:20px;
}
#history #content a,
#ourStores #content a {
	color: #55C7E9;
	text-decoration: none;
}
#history #content a:hover,
#ourStores #content a:hover {
	/*color: #adcf73;*/
	text-decoration: underline;
}
#ourStores #content ul li {
	list-style:none;
}
/*----------- end: history, our stores -------------*/

/*----------- start: faq -------------*/
#faq {
	background:#fff;
	min-height:455px;
	overflow:hidden;
	padding:30px 0px 50px 40px;
}
#faq a {
	color: #55C7E9;
	text-decoration: none;
}
#faq a:hover {
	/*color: #adcf73;*/
	text-decoration: underline;
}
#faq a.anchor {
	color: #8294A0;
}
#faq #faqIntro {
	line-height:175%;
	font-size: 14px;
	font-weight: bold;
}
#faq #faqIntro ul {
	margin-bottom: 40px;
}
#faq #faqIntro ul li {
	list-style:none;
}
#faq #content {
	line-height:175%;
	width:580px;
	margin-right:60px;
	padding-top:20px;
}
#faq #comLeft {
	float: left;
	width: 420px;
	margin-right: 30px;
	padding-top: 20px;
}
#faq #comRight {
	float: right;
	width: 400px;
	padding-top: 24px;
	margin-right: 35px;
}
#faq #comRight dt {
	font-weight: bold;
}
#faq #comRight p {
	font-weight: normal;
}
/* #faq #comRight dd {
	margin-bottom: 40px
}
#faq #comRight dd a {
	display: block;
} */
/*----------- end: faq -------------*/

/*----------- start: hotline -------------*/

#hotline {
	background:#fff;
	min-height:455px;
	overflow:hidden;
	padding:30px 0px 50px 40px;
}

#hotline h1, #hotline h2 {
	font-size:16px;
	margin-bottom:20px;	
}
#hotline #hotlineInfo {
	float:left;
	width:380px;
	padding-top:20px;
	line-height:175%;
}
#hotline em {
	color: #55C7E9;
	font-style: normal;
}
#hotline .highlightInfo {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:20px;
}
#hotline #content {
	float: left;
	line-height:175%;
	margin-bottom:5px;
	margin-right:60px;
	padding-top:20px;
	width: 460px;
}
#hotline #content p {
	margin-bottom:20px;
}
#hotline #content a{
	color: #55C7E9;
	text-decoration: none;
}
#hotline #content a:hover {
	/*color: #adcf73;*/
	text-decoration: underline;
}
/*----------- end: hotline -------------*/

