/*----------- Reseting Basic HTML CSS --------------*/
* {
	padding: 0;
	margin: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-color:#eee;
}
p {
	margin:10px 0;
}
a img{
	border:none;
	}
a:link, a:visited, a:active {
	color:#0A4873;
	text-decoration: none;
}

a:hover {
	color: #CC6666;
	text-decoration: none;
}
#footer{
	text-align:center;
	margin-bottom:15px;
	background-color:#eee;
}
#topNav a:link, #topNav a:active, #topNav a:visited{
	display:block;
	float:left;
	height:27px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#topNav a:hover{
	background-position:0 -27px;
}
#subTopNav a:link, #subTopNav a:active, #subTopNav a:visited{
	display:block;
	float:left;
	height:8px;
	background-position:0 -7px;
	background-repeat:no-repeat;
}
#subTopNav a:hover{
	background-position:0 -24px;
}
#breadcrumbs{	
	background:url(images/brands/sandalsselect/breadcrumbs_bg.gif) center top no-repeat;
	background-color:#f0f0f0;
	padding:7px 0 0 0;
	height:23px; /* I am giving it a height so we know what to tell the content div's the amount of their margin on top  (height is actually HEIGHT PLUS PADDING!!!! */
	color:#999999;
	font-size:10px;
	border-bottom:solid 1px #CCC;
}
#breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited{
	color:#999999;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#breadcrumbs a:hover{
	color:#666666;
}