body {
			background-color:#BADDF7;
			margin: auto;
		}
		form {
			margin: 0px;
			padding: 0px;
		}
		table {
			border: 0px;
			padding: 0px;
		}
		img {
			border: 0px;
		}
		#mainContainer {
			margin: auto;
			width: 788px;
			text-align: left;
			background-color:#ffffff;
			position: relative;
		}
		.input1
		{
		width:130px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		color:#333333;
		}
		.inbck
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		color:#333333;
		cursor:pointer;
		}
			
		.textcolor
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		color:#000000;
		line-height:15px;
		}
		.input2
		{
		width:100px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		color:#333333;
		}
		#header {
			background: url(../images/headerBG.jpg) top left no-repeat;
			width: 788px;
			height: 114px;
			margin-bottom: 15px;

		}
		#header ul li {
			float: left;
			list-style-type: none;
			padding-top: 5px;
			text-align: center;
			height: 30px;
		}
		#header ul {
			float: left;
			margin: 68px 0px 0px 75px;
			padding: 0px;
		}
		#header ul li a {
			color: #fff;
      		font: bold 13px/20px Arial, Helvetica, sans-serif;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-decoration: none;
		}
		#header .about {
			background: url(../images/shoesAboutUs.jpg) no-repeat;
			width: 95px;
		}
		#header .product {
			background: url(../images/shoesProducts.jpg) no-repeat;
			width: 90px;
		}
		#header .customizer {
			background: url(../images/shoesCustomizer.jpg) no-repeat;
			width: 109px;
		}
		#header .buy {
			background: url(../images/shoesBuy.jpg) no-repeat;
			width: 116px;
		}
		#header .aboutUs {
			background: url(/images/navTabs.gif) no-repeat;
			width: 110px;
		}
		#header .shop {
			background: url(/images/navTabs.gif) no-repeat -110px 0;
			width: 92px;
		}
		#header .retailers {
			background: url(/images/navTabs.gif) no-repeat -202px 0;
			width: 113px;
		}
		#header .news {
			background: url(/images/navTabs.gif) no-repeat right 0;
			width: 95px;
		}
		#header img {
			margin: 12px 0px 0px 35px;
			border: 0px;
			float: left;
		}
		#top {
			width: 784px;
			height: 23px;
			background: url(../images/topMainContent.jpg) top left;
		}
		#bottom {
			width: 784px;
			height: 23px;
			background: url(../images/btmMainContent.jpg) top left;
		}
		#mainContent {
			width: 784px;
			text-align:left;
		}
		#leftNav {
			width: 184px;
			margin-right: 18px;
			float: left;
			background-color: #f8f8f8;
		}
		#loginbox {
			float: left;
			padding-top:10px;
			padding-left:2px;
		}
		#leftNav .content {
			border-right: 1px solid #cfcfcf;
			height: 371px;
		}
		#leftNav h3 {
			margin: 0px 0px 0px 35px;
			padding: 0px;
			color: #3586a2;
			font: bold 16px Arial, Helvetica, sans-serif;
		}
		#leftNav ul {
			margin: 5px 0px 27px 35px;
			padding: 0px;
			color: #3586a2;
			list-style-type: none;
			font: bold 11px Arial, Helvetica, sans-serif;
		}
		#leftNav ul li {
			line-height: 18px;	
		}
		#leftNav a {
			color: #3586a2;
			text-decoration: underline;
		}
		#leftNav a:hover {
			color: #3586a2;
			text-decoration: underline;
		}
		#leftNav a:visited {
			color: #3586a2;
			text-decoration: underline;
		}
		#leftNav .top {
			height: 25px;
			background: url(../images/leftNavTop.gif) top left;
		}
		#leftNav .bottom {
			height: 25px;
			background: url(../images/leftNavBtm.gif) top left;
		}
		#breadCrumb {
			height: 33px;
		}
		#breadCrumb p {
			margin: 0px 0px 0px 0px;
			padding-top: 8px;
			color: #808485;
			font: bold 11px Arial, Helvetica, sans-serif;
		}
		#breadCrumb a {
			color: #808485;
			text-decoration: underline;
		}
		#breadCrumb a:hover {
			color: #808485;
		}
		#breadCrumb a:visited {
			color: #808485;
		}
		.contentBox {
			float: left;
			border: 1px solid #cfcfcf;
			width: 273px;
			height: 305px;
			text-align: center;
			color: #fff;
			/*margin-right: 15px;*/
			font: normal 12px Arial, Helvetica, sans-serif;
		}
		.contentBox h1 {
			margin: 31px 0px 10px 0px;
			padding: 0px;
			color: #fff;
			font: bold 22px/22px Arial, Helvetica, sans-serif;
		}
		.contentBox a {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			color: #fff;
			text-decoration: none;
		}
		.contentBox a {
			color: #fff;
		}
		.contentBox a:hover {
			color: #fff;
		}
		.contentBox a:visited {
			color: #fff;
		}
		.boysShoes {
			background: url(../images/shoesBoysBG.jpg) top left no-repeat;
		}
		.girlsShoes {
		   clear:left;
			background: url(../images/shoesGirlsBG.jpg) top left no-repeat;
		}
		.productBox {
			border: 1px solid #cfcfcf;
			vertical-align: top;
			width: 273px;
			color: #fff;
			text-align: center;
			padding: 0px 0px 20px 0px;
			font: normal 12px Arial, Helvetica, sans-serif;
		}
		.productBox h1 {
			margin: 0px 0px 5px 0px;
			padding: 0px;
			text-align: left;
			color: #3586a2;
			font: bold 16px Arial, Helvetica, sans-serif;
		}
		.productBox p {
			margin: 0px 0px 0px 0px;
			text-align: left;
			padding: 0px;
			color: #000000;
			font: normal 11px Arial, Helvetica, sans-serif;
		}
		.socks {
			/* height: 260px; */
		}
		.socks div {
			margin: 20px;
			text-align: left;
		}
		.shoes {
			/* height: 250px; */
		}
		.shoes div {
			margin: 20px 20px 20px 20px;
			text-align: left;
		}
		.spacer {
			width: 15px;
			height: 15px;
		}
		#contentWell {
			border-left: 1px solid #cfcfcf;
			border-right: 1px solid #cfcfcf;
			padding-top: 12px;
			text-align:left;
		}
		.contentHeader {
		   clear: both;
			height: 30px;
			text-align: left;
			margin-bottom: 12px;
			background: url(../images/contentHeaderBG.gif) top left no-repeat;
		}
		.contentHeader p {
			margin: 0px 0px 0px 35px;
			padding-top: 6px;
			color: #3586a2;
			font: bold 16px Arial, Helvetica, sans-serif;
		}
		.aboutUs {
			background: url(../images/contentHeaderBGGreen.gif) top left no-repeat;
		}
		.aboutUs p {
			color: #fff;
		}
		.flash {
			padding-top: 0px;
		}
		#contentlogin {
		float:left;
		width:295px;
		}
		.contentloginsize1 {
		text-align:left;
		text-decoration:none;
		clear:both;
		background-color:#FFFFFF;
		background-position:right top;
		height:190px;
		background-repeat:no-repeat;
		background-image:url(../images/shoesMainImage.gif);
		width:265px;
		}
		#contentHomebodydiv {
		position:inherit;
		width:auto;
		}
		#botProclear
		{
		clear:both;
		}
		.contentloginsize {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666666;
		text-align:left;
		text-decoration:none;
		line-height:15px;
		clear:both;
		background-color:#FFFFFF;
		height:auto;
		padding:10px 10px 10px 20px;
		width:265px;
		}
		.tabdiv {
		background-repeat:repeat-x;
		background-color:#F4D3E5;
		width:250px;
		background-image:url(../images/boxcornc.gif);
		background-position:bottom;
		}
		.contentHome {
			padding: 0px 0px 20px 295px;
			margin: 0px 0px 0px 25px;
		}
		#contentInfoPage {
			padding: 0px 0px 20px 0px;
			margin: 0px 0px 0px 0px;
			color: #000000;
      		font: normal 12px/20px Arial, Helvetica, sans-serif;
		}
		#contentInfoPage p {
			padding: 0px 0px 10px 0px;
			margin: 0px 25px 0px 0px;
		}
		
		#contentInfoPage ul{
		   margin-left: 25px;
		}
		
		#contentInfoPage .flash {
			float: left;
			width: 249px;
			margin: 0px 29px 0px 0px;
			padding-bottom: 175px;
		}
		#contentInfoPage .bodyintro {
			float:left;
			width:504px;
			}
		#bodyContent {
			float: left;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}
		h1 {
			color: #000000;
      		font: bold 24px/26px Arial, Helvetica, sans-serif;
		}
		.contentHome p {
			padding: 0px 0px 20px 0px;
			margin: 0px 35px 0px 0px;
			color: #000000;
      		font: normal 12px/20px Arial, Helvetica, sans-serif;
		}
		#footer {
			color: #000000;
      		font: normal 11px/20px Arial, Helvetica, sans-serif;
			margin: 10px 0px 0px 0px;
			text-align: center;
		}
		#footer a {
			color: #000000;
      		font: normal 11px/20px Arial, Helvetica, sans-serif;
			padding: 0px 0px 0px 0px;
			margin: 0px 7px 0px 7px;
			text-decoration: none;
		}
		#footer a:hover {
			color: #afb0b1;
		}
		#footer a:link {
			color: #000000;
		}
		#footer a:visited {
			color: #000000;
		}
		.clear {
			clear: both;
		}
		.whereToBuy {
			float: left;
			width: 250px;
			margin-top: 20px;
		}
		h4 {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			color: #3586a2;
			font: bold 14px Arial, Helvetica, sans-serif;
		}
		
		
/* added by Shane Bonham - shanbonham at gmail dot com */

a{
   color: #3586A2;
}

div.generalContent{
   display: inline; /* IE6 double margin float bug hack */
   clear: left;
   float: left;
   width: 564px;
   margin: 17px;
}

div.generalContent.full{
   width: auto;
   margin: 15px;
}

div.generalContent h3{
   margin: 0 0 .5em 0;
   color: #3586A2;
   font-size: 16px;
   line-height: 1;
   text-align: left;
}

div.generalContent h4{
   margin-bottom: 1em;
   color: #3586A2;
   font-size: 14px;
   line-height: 1;
   text-align: left;
}

div.generalContent h5{
   margin-bottom: .25em;
   color: #3586A2;
   font-size: 12px;
   line-height: 1;
   text-align: left;
}

div.generalContent p{
   margin-bottom: 1em;
   color: #000000;
   font-size: 12px;
   line-height: 1.5;
}

div.generalContent li{
   margin-bottom: .25em;
   font-size: 12px;
}

div.generalContent form{
   margin-bottom: 15px;
}

div.generalContent form label{
   color: #000000;
   font-size: 12px;
   font-weight: bold;
}

div.generalContent form input,
div.generalContent form textarea,
div.generalContent form select{
   margin-right: 3px;
   /*margin: 0 3px 10px 10px;*/
}

div.generalContent td{
   padding: 0 3px 10px 10px;
}

div.promo{
   float: right;
   width: 419px;
   margin: -34px 52px 7px 0;
   background: url(/images/promo_div.gif) no-repeat left top;
}

div.promo.shop{
   float: left;
   background: url(/images/promo_div_shop.gif) no-repeat left top;
}

div.promo p{
   margin: 0 !important;
   font-size: 14px;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   background: url(/images/promo_p.gif) no-repeat right top;
   text-align: center;
}

div.promo.shop p{
   background: url(/images/promo_p_shop.gif) no-repeat right top;
   text-align: left;
}

div.promo p a{
   display: block;
   height: 30px;
   padding: 7px 34px 0;
   color: #3586A2;
   text-decoration: none;
}

/* madagascar */

div#top p.title{
   float: left;
   margin: 10px 0 0 35px;
   color: #429ebe;
   font-size: 18px;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

div#madFlash{
   margin-top: 28px;
}

div#madContent{
   float: left;
   width: 733px;
   margin: 12px 0 0 25px;
   padding-bottom: 11px;
   background: url(/images/bg_madContent.gif) repeat-x left bottom;
}

div#madContent p{
   margin-bottom: 1em;
}

div.madRow{
   float: left;
   width: 733px;
   padding-top: 11px;
   background: url(/images/bg_madContent.gif) repeat-x left top;
}

div.madRow img.character{
   float: left;
   margin-right: 29px;
}

div.madProduct{
   float: left;
   width: 199px;
}

div.madProduct img{
   display: block;
   margin: 0 auto;
}
#loginbox .buttl{
background-image:url(../images/jointoget_bottum.gif);
background-repeat:no-repeat;
background-position:top;
}
#loginbox .topl{
background-color:#F4D3E5;
background-image:url(../images/jointoget_top.gif);
background-repeat:no-repeat;
background-position:top;
}
div#madagascarPromo{
   font-size: 12px;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
#loginbox .butt2{
background-image:url(../images/jointoget_bottum1.gif);
background-repeat:no-repeat;
background-position:top;
}
#loginbox .top2{
background-color:#F4D3E5;
background-image:url(../images/jointoget_top1.gif);
background-repeat:no-repeat;
background-position:top;
}
div.flash div#madagascarPromo{
  margin: 0 0 13px 13px;
}
div.flash div#promelogin{
  margin: 0px 0px 0px 20px;
}
div#madagascarPromo.store{
  display: inline; /* IE6 double margin float bug hack */
  clear: both;
  float: left;
  width: 575px;
  margin: 0 0 22px 13px;
}
#loginbox .bck {
background-image:url(../images/jointoget_center.gif);
background-color:#F4D3E5;
background-position:bottom;
background-repeat:repeat-x;
}
div#madagascarPromo a{
   display: block;
   width: 384px;
   height: 36px;
   margin: 13px auto 0;
   padding: 159px 0 0 321px;
   background: url(/images/madagascarPromo.jpg) no-repeat;
   color: #000000;
   text-decoration: none;
}

div.flash div#madagascarPromo a{
  width: 122px;
  height: 178px;
  padding: 222px 51px 0;
  background: url(/images/madagascarPromoSide.jpg) no-repeat;
  color: #3e4041;
  text-align: center;
}

div#madagascarPromo.store a{
  width: 333px;
  height: 31px;
  padding: 178px 0 0 242px;
  background: url(/images/madagascarPromoShop.jpg) no-repeat;
}

/* =banner */
.banner {
width: 351px;
height: 58px;
padding: 0;
background: url(/images/banner-uneaks.png) no-repeat 0 0;
position: absolute;
top: 5px;
left: 282px;
overflow: hidden;
text-align: center;

}

.banner h3 {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 13px;
font-family: "Arial", sans-serif;
}

.banner a {
text-decoration: none;
color: #ff7711;
}

span.banner-shopat {
background: url(/images/banner-shopat.png) no-repeat 0 0;
width: 145px;
height: 35px;
display: inline-block;
}

span.banner-shopat span, #banner-shoebuy span.banner-store span {
text-indent: -999em;
float: left;
}


#banner-shoebuy span.banner-store {
background: url(/images/banner-shoebuy.png) no-repeat 0 0;
width: 100px;
height: 35px;
display: inline-block;

}

.tagline {
display: block;
clear: both;
}

#banner-none {
display: none;
float: left;
}