/* Start of CMSMS style sheet 'Hannafords Base' */
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

div.breadcrumbs {
   padding: 10px 0 0 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
}

.wrap {
width:698px;
margin:0 auto 0 auto;
padding:0 0 0 0;
text-align:center;
background: #46382d url(uploads/hannafords/images/nav.jpg) no repeat;
}

body {
font-family: "Lucida Sans Unicode", sans-serif;
font-size: 9pt; 
color: #000000; 
margin:0 0 0 0;
padding:0 0 0 0;
background: #46382d url(uploads/hannafords/images/body_bg.jpg);
}

.header {
clear:none;
width:698px;
height:99px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent;
color:#ffffff;
text-align:right;
}


html>body .header {
clear:none;
width:698px;
height:99px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: transparent;
color:#ffffff;
text-align:right;
}

#footer {
width: 698px;
margin: 0 auto;
padding: 0;
background: #00000;
border-top: 1px solid #404040;
}


#footer p {
width: 688px;
margin: 0;
padding: 5px;
background: #000000;
float: left;
color: #404040;
font-size: 8pt;

}

.topnav {
clear:both;
width:698px;
height:256px;
margin: 0;
padding: 0px 0px 0px 0px;
background:#826b58 url(uploads/hannafords/rotator/rotator.php) top;
font-size:8pt;
border-bottom: 3px solid #ffffff;
}

.container {
clear:both;
width:668px;
margin:0px 0px 0px 0px;
padding: 5px 15px 15px 15px;
background: #000;
color:#ffffff;
text-align:left;
}

html>body .container {
padding: 5px 15px 15px 15px;
margin:0 0px 0px 0px;
}

#sea { 
width: 200px;
float: left;
top: 0;
margin: 0;
margin: 0 0px 0 0px;
}

#veg { 
width: 200px;
float: left;
margin: 0 0 0px 32px;
top: 0;
}

#meat { 
width: 200px;
float: left;
top: 0;
margin: 0 0 0px 34px;
}

#sea p {
height: 150px;
background: #232323 url(uploads/hannafords/images/seabg.jpg);
padding: 10px;
line-height: 2em;
margin: -5px 0 0 0;
border: 1px solid #404040;
opacity: .5;
filter: alpha(opacity=50);
}

#sea p:hover {
height: 150px;
background: #232323 url(uploads/hannafords/images/seabg.jpg);
padding: 10px;
line-height: 2em;
margin: -5px 0 0 0;
border: 1px solid #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}

#veg p {
height: 150px;
background: #232323 url(uploads/hannafords/images/vegbg.jpg);
padding: 10px;
line-height: 2em;
margin: -5px 0 0 0;
border: 1px solid #404040;
opacity: .5;
filter: alpha(opacity=50);
}

#veg p:hover {
height: 150px;
background: #232323 url(uploads/hannafords/images/vegbg.jpg);
padding: 10px;
line-height: 2em;
margin: -5px 0 0 0;
border: 1px solid #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}

#meat p{
height: 150px;
background: #232323 url(uploads/hannafords/images/meatbg.jpg);
padding: 10px;
line-height: 2em;
margin: -5px 0 0 0;
border: 1px solid #404040;
opacity: .5;
filter: alpha(opacity=50);
}

#meat p:hover {
height: 150px;
background: #232323 url(uploads/hannafords/images/meatbg.jpg);
padding: 10px;
line-height: 2em;
margin: -5px 0 0 0;
border: 1px solid #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}

#fullproduct {
height: 100%;
border: 1px solid #404040;
background:  #232323;
padding: 15px 15px 15px 15px;
margin: 0 0 0 0;
}

table.product {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #404040;
	border-collapse: collapse;
	background-color: transparent;
}

table.product th {
	border-width: 1px 1px 1px 1px;
	padding: 5px;
	border-style: inset inset inset inset;
	border-color: #404040;
	background-color: transparent;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.product td {
	border-width: 1px 1px 1px 1px;
	padding: 5px;
	border-style: inset inset inset inset;
	border-color: #404040;
	background-color: transparent;
	-moz-border-radius: 0px 0px 0px 0px;
}

#fullproduct img {
padding: 0 0 0 0;
margin: 0 0 15px 0;
}

#fullproduct h1{
font-family:  "Lucida Sans Unicode", sans-serif;
font-size: 10pt;
color: #ffffff;
background: trasnparent;
border-bottom: 1px solid #404040;
padding-bottom:3px;
margin: 15px 0 0 0 ;
}

#fullproduct p {
padding: 0;
background:transparent;
margin: 0;
}

#product {
height: 212px;
border: 1px solid #404040;
background:  #232323;
padding: 2px;
margin: 15px 0 0 0;
}

#product2 {
height: 212px;
border: 1px solid #404040;
background:  #232323;
padding: 2px;
margin: 15px 0 0 0;
}

#product p {
float: left;
width: 370px;
height: 170px;
line-height: 2em;
padding: 8px 0 8px 10px;
background:transparent;
margin: 0;
}

#product2 p {
float: right;
width: 370px;
height: 170px;
line-height: 2em;
padding: 8px 10px 8px 0px;
background:transparent;
margin: 0;
}


/******* links *******/

a {
color:#ffffff;
text-decoration:none;
}

a:hover {
color:#ffffff;
text-decoration:none;
}

#footer a:hover {
color: #fff;
text-decoration:none;
}

#footer a {
color: #404040;
text-decoration:none;
}
/******* fonts and colors *******/

.header strong {
font-family: "Lucida Sans Unicode", sans-serif;
color:#ffffff;
font-size:13pt;
letter-spacing:.7em;
}

.page_title {
font-family:  "Lucida Sans Unicode", sans-serif;
color:#ffffff;
font-size:10pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 5px 0 0px 0;
}

.container h2,h3 {
font-family:  "Lucida Sans Unicode", sans-serif;
font-size: 10pt;
color: #ffffff;
background: trasnparent;
border-bottom: 1px solid #404040;
padding-bottom: 5px;
text-transform: uppercase;
padding-top: 5px;
}

html>body .container h2,h3 {
font-family:  "Lucida Sans Unicode", sans-serif;
font-size: 10pt;
color: #ffffff;
background: trasnparent;
border-bottom: 1px solid #404040;
padding-bottom: 5px;
text-transform: uppercase;
}

.container p {
background: trasnparent;
color: #cccccc;
line-height: 2em;
margin: -10px 0 15px 0 ;
}

/******* images *******/

img {
border:none;
}

.rightimg{
border: 1px solid #404040;
float:right;
padding:0 0 0 0;
margin: 12px 12px 8px 12px;
top: 0;
}

.rightimg:hover {
border: 1px solid #ffffff;
float:right;
padding:0 0 0 0;
margin: 12px 12px 8px 12px;
top: 0;
}

.leftimg{
border: 1px solid #404040;
float:left;
padding:0 0 0 0;
margin: 12px 12px 8px 12px;
top: 0;
}

.leftimg:hover {
border: 1px solid #ffffff;
float:left;
padding:0 0 0 0;
margin: 12px 12px 8px 12px;
top: 0;
}