body {
	margin: 0;
	padding: 0;
	color: black;
	background-color: #eee;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size:12px;
	text-align: center;
}
select 
{
	margin: 0;
	padding: 0;
	color: black;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size:11px;

	
}
input 
{
	margin: 0;
	padding: 0;
	color: black;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size:11px;	
}
#main
{
}

#wrapper-header {
	/*background: #222;*/
	
}

#header {
	/*background: #222 url('images/banner03.jpg') right no-repeat;*/
	width: 982px;
	height: 75px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align: left;
	margin-left:3px;
}

#header h1 {
	margin: 0;
	padding: 2px;
	color: #eee;
	font-size: 16px;
	letter-spacing: -0.1em;
}

#wrapper-menu {
	
}

#menu1 
{
	background: #88ac0b url('images/menu-background.png') top left repeat-x;
	width: 983px;
	height:20px;
	text-align:right;
	font-weight :bold;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 0px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}


* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid #95bc0e;
	border-right: 1px solid #95bf0f;
	width: 100%;

}

#menu li {
	display: inline;
}

#menu a:link, #menu a:visited {
	background: transparent;
	color: #FFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #95bc0e;
}

#menu ul li a:hover
{
	background: #b6e41c url('images/menu-hover.png') repeat-x;
	color: #485B06;
}

#content {
	width: 950px; /* 73% because it has 1% padding on each side, which brings it to 75% wide */
	margin: 0 auto;
	padding:16px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background: white;
	text-align: left;
	float:left;
	margin-left:0px;*margin-left:10px;
}

* html #content { padding-top: 1.8em; } /* Set padding top in IE to 20px */


#footer {
	margin: 0 auto;
	padding: 2px;
	width:980px;
	text-align: right;
	color: white;
    letter-spacing : 0.15em;
	background: #8fb40c url('images/menu-background.png') top left repeat-x;
	border: 1px solid #a0c80e;	
	float:left;
}

h1 {
	color: #666;
	padding-bottom: 0px;
	font-size: 13px;
	letter-spacing: -0.1em;
}

h2 {
	color: #666;
	padding-bottom: 0px;
	border-bottom: 1px solid #a0c80e;
	font-size: 14px;
	letter-spacing: -0.1em;
}

a:link, a:visited {
	color: #260;
	text-decoration: none;
}

a:hover
{
	color: #000;
	text-decoration: underline;
}

p { margin-left: 1em; }

.AccountSummary
{ 
    font-size:12px;
    height:30px;
    background-color:#F2F2C7;
    padding:10px;
    width:987px;
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    text-align:left;
}

.searchacrosscontHome
		{
		width:760px;
		background: #88ac0b url('images/menu-background.png') top left repeat-x;
		float:left;
		text-align:left;
		margin-left:0px;
		margin-top:11px;
		}
		
.searchacrosstextHome
		{
		color:#ffffff;
		font-weight:bold;
		padding-top:5px;
		padding-left:5px;
		text-decoration:none;		
 }
 .shoesI
		{
		margin:0 auto;
		height:210px;
		width:185px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		text-align:center; 		
		}	
		
		
.shoesA01
		{
		margin:0 auto;
		height:136px;
		width:118px;
		float:left;
		padding-left:20px;			
		}		
		
.shoestextblack
		{
		margin:0 auto;
		height:auto;
		width:160px;
		line-height:15px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		text-align:center; 		
		}

.shoestextred
		{
		margin:0 auto;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#990000;
		text-decoration:none;
		text-align:left; 		
}

#cont3
	{
	width: 960px;
	text-align: left;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left:10px;
	font-size:12px;		
	float:left;
	text-align:left;
	}
#cont3A
		{
		width:800px;
		height:auto;
		float:left;
		text-align:left;
		}

		
#cont3B
		{
		width:160px;
		height:auto;
		float:right;
		text-align:left;
		}
		
.newarrivalcont
		{
		width:800px;
		text-align:center;
		height:auto;
		float:left;
		}
		
#arrivalslogo
		{
		height:52px;
		width:800px;
		}
		
		
a.squarebutton{
	background: #88ac0b url('images/menu-background.png') top left repeat-x;
	font-weight :bold;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size:11px;
	text-align: center;
}


a.squarebutton span{
	background: #88ac0b url('images/menu-background.png') top left repeat-x;
	font-weight :bold;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding: 0px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size:11px;
	text-align: center;
}

a.squarebutton:hover{ /* Hover state CSS */
color :#FFFFFF;
	cursor:hand;
	cursor:pointer;}

a.squarebutton:hover span{ /* Hover state CSS */
color :#FFFFFF;
	cursor:hand;
	cursor:pointer;}

/* button */
.button { 
	background: #88ac0b url('images/menu-background.png') top left repeat-x;
	font-weight :bold;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 0px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size:11px;
	text-align: center;
	}
	
.button:hover { 
	color :#FFFFFF;
	cursor:hand;
	cursor:pointer;
	}	

    .selectionbox
    {
    height:30px;
    padding-top: 10px;
    }
    .dropBox
    {
        width: 150px;
        border: 1px solid #000;
        background-color: #E2EBED;
        height: 400px;
        overflow: auto;
        margin-bottom: 10px;
        padding: 3px;
        position:absolute;
    }