@import "sm_features.css";

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/* Main Text Definitions */

body {
 background: #fff;
 color: #004671;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
}

a.skip {display: none;}

h1, h2, h3, h4 {
 color: #004671;
 font-weight: normal;
}
h1 {font-size: 140%; margin-top: 0;}
h2 {font-size: 120%; margin-bottom: 8px;}
h3 {font-size: 100%; margin-bottom: 6px;}
h4 {font-size: 100%; margin-bottom: 3px;}

a img {border: 0;}
a {color: #004671;}
a:hover {color: #8acf1c;}
a img {border: 0;}

h2.repeatingList {
 background: #F4F7F8;
 font-weight: bold;
 border-top: 1px solid #73AACC;
 border-bottom: 1px solid #73AACC;
 padding: 2px 3px;
}
p.contact {
 line-height: 160%;
}
a.prominent {
 background: #9AD53A;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding: 4px;
}
a.prominent:hover {
 color: #fff;
}


/* Generic Layout Definitions */
#container {width: 736px; margin: 10px auto; font-size: 70%;}
#top {width: 736px; height: 71px;}
#mainNav {float: left; width: 736px; height: 24px; padding: 5px 0;background-color: #fff;}
#footer {float: left; width: 736px; padding: 5px 0; color: #999; font-size: 90%;}

#containerList {width: 736px; margin: 20px; font-size: 70%;}

/* Page layout */
#main {float: left; width: 736px; background-color: #fff;}
#hpLeft {float: left; width: 551px; margin-right: 7px;}
#right {float: right; width: 178px;}
#content {float: left; width: 351px; padding-top: 10px; padding-bottom: 30px; padding-left: 7px; padding-right: 7px;}

/* Added By Scott Kilmurray */
#content ol li {padding-bottom: 10px; }
#content ul li {margin-left: -10px; padding-bottom: 5px; }
#content .fright img {float: right; padding: 10px; }
#content .fleft img {float: left; padding: 10px; }
#content .center {text-align: center; display: block;}
.infotbl { border-collapse: collapse; }
.infotbl caption { padding-bottom: 5px; font-weight: bold; }
.infotbl td{ text-align: right; padding: 5px; }
.dieting { font-style: italic; background-color: #dedede; }

#contentFull {float: left; width: 550px; padding-top: 0px; padding-bottom: 30px;}
#sideNav {float: left; width: 178px; margin-right: 8px}




/* Store Finder & box styles */
.finder {
 width: 178px;
/* background: #B3E06B;  */
 color: #fff;
 margin-bottom: 10px!important; margin-bottom: 7px;
}
.finder h1 {
 background: #9AD53A;
 color: #fff;
 font-size: 100%;
 font-weight: bold;
 margin: 0;
 padding: 0 0 4px 4px;
 border: 0;
 border-left: 1px solid #649811;
 border-right: 1px solid #649811;
}
.finder p {
 width: 168px;
 padding: 8px 4px 15px 4px;
 margin: 0;
 color: #4B7804;
 background: #fff;
 border-left: 1px solid #649811;
 border-right: 1px solid #649811;
}
.finder p.list {
 width: 168px;
 padding: 0px 4px 4px 4px;
 margin: 0;
 color: #4B7804;
 background: #fff;
 border-left: 1px solid #649811;
 border-right: 1px solid #649811;
}
.finder a {
 color: #4B7804;
}
.finder a:hover {
 color: #004671;
}
.finderForm {
 width: 168px;
 background: #fff;
 border-left: 1px solid #649811;
 border-right: 1px solid #649811;
 color: #4B7804;
 margin: 0;
 padding: 0px 4px 0px 4px;
}
.finder .finderForm label {
 float: left;
 width: 75px;
 padding-top: 3px;
 margin-bottom: 3px;
}
.finder .finderForm .fmField {
 float: left;
 width: 75px;
 margin-bottom: 3px;
}
.finder .finderForm .fmFieldInput {
 width: 73px!important;  width: 70px;
 height: 13px;
 border: 1px solid #649811;
 background: #fff;
 color: #649811;
 font-size: 90%;
}
.finder .finderForm .fmSubmit {
 width: 150px;
 text-align: right;
 padding-bottom: 10px;
}
.finder .finderForm .fmButtonSubmit {
 border: 1px solid #649811;
 background: #fff;
 color: #649811;
 font-size: 90%;
}

.boxEnd {
 height: 8px;
 margin-top: -3px!important; margin-top: 0; 
 padding: 0; 
 border: 0;
}

/* News Box styles */
#news {
 float: left;
 width: 178px;
 background: #F7F8CE;
 color: #74a40c;
 margin-bottom: 7px;
}
#news h1 {
 background: #9AD53A;
 color: #fff;
 font-size: 100%;
 font-weight: bold;
 margin: 0;
 padding: 0 0 4px 4px;
 border: 0;
 border-left: 1px solid #649811;
 border-right: 1px solid #649811;
}
#news #newsItems {
 background: #F7F8CE;
 border-left: 1px solid #649811;
 border-right: 1px solid #649811;
 color: #74a40c;
 margin: 0;
 padding-left: 4px;
 padding-bottom: 19px!important; padding-bottom: 2px;
}
#news #newsItems ul {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
}
#news #newsItems ul li {
 margin: 10px 0 0 0;
}
#news #newsItems a {
 color: #74a40c;
}
#news #newsItems a:hover {
 color: #8acf1c;
}


/* Special Offers Styles */
#offersHead {
 float: left;
 width: 550px;
 height: 93px;
 font-weight: bold;
 background-image: url(../images/uploads/offers/bg_offersHead.jpg);
 background-repeat: no-repeat;
}
#offersHead p {
 color: #ffffff;
 padding-top: 60px; 
 padding-right:20px; 
 padding-bottom:10px; 
 padding-left: 12px;
}
#offersContainer {
 float: left;
 width: 550px;
 padding-top: 10px;
}
.offer {
 float: left;
 width: 177px;
 height: 200px;
 margin-bottom: 8px;
 margin-left: 8px;
}

.offer .offerTop  {
 float: left;
 width: 177px;
 height: 178px;
 background-image: url(../images/offers_bg_small.gif);
 background-repeat: no-repeat;
 font-size: 90%;
}
.offer .offerBase {
 float: left;
 width: 177px;
 height: 22px;
 background-image: url(../images/offers_bg_small_base.gif);
 background-repeat: no-repeat;
 text-align: right;
}

.first {
 margin-left: 0;
}

#offersContainer h1 {
 color: #fff;
 font-size: 100%;
 font-weight: bold;
 margin: 6px 10px;
}
#offersContainer .offerContent {
 padding: 0 6px;
}
#offersContainer .offerContent h2 {
 font-size: 100%;
 font-weight: bold;
 margin: 0;
 padding: 0;
}
#offersContainer .offerContent strong {
 color: #e62242;
}
#offersContainer .offerContent p {
 font-size: 90%;
 margin: 0;
 color: #999;
}

/* Footer Styles */
#footer p {
 margin-top: 10px;
}


/* Navigation Definitions */

/* Main navigation */
#mainNav ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
 width: 730px;
} 
#mainNav ul li {
 float: left;
 margin-right: 12px;
}
#mainNav ul li a {
 float: left;
 display: block;
 color: #004671;
 padding: 6px 10px;
 text-decoration: none;
}
#mainNav ul li a:hover {
 float: left;
 display: block;
 color: #8acf1c;
 padding: 6px 10px;
 text-decoration: none;
}



/* Controls on-state of Main navigation based on body ID definition */
#home #mainNav ul li.home,
#store #mainNav ul li.store,
#health #mainNav ul li.health,
#retail #mainNav ul li.retail,
#awards #mainNav ul li.awards,
#po #mainNav ul li.po,
#recruit #mainNav ul li.recruit {
 float: left;
 background: url(../images/navbg_right.gif) no-repeat top right;
 margin-right: 12px;
}
#home #mainNav ul li.home a,
#store #mainNav ul li.store a ,
#health #mainNav ul li.health a,
#retail #mainNav ul li.retail a,
#awards #mainNav ul li.awards a,
#po #mainNav ul li.po a,
#recruit #mainNav ul li.recruit a {
 float: left;
 display: block;
 color: #004671;
 background: url(../images/navbg_left.gif) no-repeat top left;
 padding: 6px 10px;
 text-decoration: none;
}


/* Side navigation */
#sideNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
 margin-bottom: 7px;
 font-size: 100%!important; font-size: 90%;
} 
#sideNav li { 
 background-color: #fff;
 padding: 9px;
 border-bottom: 1px solid #73AACC;
 border-left: 1px solid #73AACC;
 border-right: 1px solid #73AACC;
 text-align: right;
}
#sideNav li a {
 color: #004671;
 display: block;
 text-decoration: none;
}
#sideNav li a:hover {
 color: #8acf1c;
 display: block;
}
#sideNav li.on a:hover {
 color: #004671;
 display: block;
}
#sideNav li.first { 
 background: url(../images/snav_top.gif) no-repeat top left;
 background-color: inherit;
 border-left: 0;
 border-right: 0;
 border-bottom: 1px solid #73AACC;
 padding: 9px;
 text-align: right;
}
#sideNav li.last { 
 background: url(../images/snav_bot.gif) no-repeat bottom left;
 background-color: inherit;
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 padding: 9px;
 text-align: right;
}
#sideNav li.on {
 background-color: #B3E06B;
}

/* Footer navigation */
#footer ul.footer1 {
 list-style: none;
 float: left;
 width: 368px;
 height: 20px;
 padding: 0;
 margin: 0;
} 
#footer ul.footer2 {
 list-style: none;
 float: right;
 text-align: right;
 width: 368px;
 height: 20px;
 padding: 0;
 margin: 0;
} 
#footer ul.footer1 li {
 float: left; 
 padding: 0;
}
#footer ul.footer2 li {
 float: right; 
 padding: 0;
}

#footer p {
 clear: both;
}
#footer ul.footer1 a {
 color: #004671;
 margin-right: 24px;
 text-decoration: none;
}
#footer ul.footer2 a {
 color: #004671;
 margin-left: 24px;
 text-decoration: none;
}
#footer a:hover {
 color: #74a40c;
 text-decoration: none;
}




/* Forms */
FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
p.formRow {
 margin-top: 0px;
 margin-bottom: 4px;
}
label {
 float: left;
 width: 130px;
 padding-top: 4px;
}
.fmField {
 width: 150px;
 font-size: 90%;
 color: #004671;
}
.fmFieldSml {
 width: 60px;
 font-size: 90%;
 color: #004671;
}
select {
 font-size: 90%;
 color: #004671;
}
.fmButton {
 background: #9AD53A;
 color: #fff;
 font-weight: bold;
 border: 0;
}

/* Shopping List */
#shoppingListContainer {clear: left; width: 178px;}
#shopping_cart {
 background-image: url(../images/bg_shopList.gif);
 background-repeat:repeat-y;
 width: 166px;
 padding-left: 6px;
 padding-right: 6px;
 font-size: 90%;
 color: #999;
 margin-top: 0;
 /*margin-bottom: -15px!important;*/ margin-bottom: 0;  
}
#shopping_cart strong {
 color: #004671;
}
.shoppingListEnd {
 width: 178px;
 height: 6px;
 margin: 0;
}
.shoppingListItem {
 border-top: 1px solid #E9F0EF;
 height: 80px;
 padding: 5px;
}
.shoppingListItem strong {
 color: #E20025;
}
.shoppingListItem img {
 float: left;
}
.shoppingListItem h2 {
 margin: 0;
 font-weight: bold;
}
.shoppingListItem .quantity {
 width: 14px;
 font-size: 90%;
 color: #004671;
}
.shoppingNotes {
 width: 350px;
 height: 100px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 95%;
 color: #004671;
}
.external {
	text-decoration: none;
	color: #004671;
	border-bottom: 2px dashed #cc3399;
}
.external:hover {
	text-decoration: none;
	color: #004671;
	border-bottom: 2px dashed #cc3399;
}
#shopping_cart_totalprice {
	text-align: right;
	width: 142px;
	font-weight: bold;
}
.skSubmit {
 width: 150px;
 text-align: right;
 margin-bottom: 0px;
}
.skButtonSubmit {
 margin-top: 3px;
 border: 1px solid #649811;
 background: #fff;
 color: #649811;
 font-size: 90%;
}
.taleft {
	display: block;
	float: left;
	font-weight: bold;
	width: 29%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	clear: right;
}
.taright {
	float: right;
	display: block;
	width: 69%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.boxl {
	display: block;
	width: 163px;
	height: 150px;	
	float: left;
	padding: 5px;
	margin: 0px;
	margin-bottom: 10px;
	background-image: url(../images/RedSquare.gif);
	background-repeat: no-repeat;
	color: #fff;
}
.boxr {
	display: block;
	width: 163px;
	height: 150px;	
	float: right;
	padding: 5px;
	margin: 0px;
	margin-bottom: 10px;
	background-image: url(../images/RedSquare.gif);
	background-repeat: no-repeat;
	color: #fff;
}
.boxl h1,.boxr h1 {
	margin-top: 10px;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color: #fff;
}

#poa ul {
	margin: 0px;
	padding: 0px;
	
}
#poa ul li {
	margin-left: 15px;
	list-style-type: disc;
	
	padding: 2px;
}