/* sub pages styles */
#content {
background-image: url(/Fed/Common/Images/SharedB2C/contentBackground.gif);
background-repeat: repeat-y;
background-color:#daf4f7;
}
#extraNeed {
width: 951px;
margin: 0 auto;
}
#contentOneColumn {
background-image: url(/Fed/Common/Images/SharedB2C/contentBackgroundOneColumn.gif);
background-repeat: repeat-y;
}
#leftContainer {
width: 224px;
float: left;
background-image: url(/Fed/Common/Images/SharedB2C/leftContentBackground.gif);
background-repeat: repeat-x;
}

#leftContainer h2 {
margin-top: 52px;
text-transform: uppercase;
font-size: 90%;
padding: 0 0 15px 45px;
}
/* LEFT NAVIGATION */
ul#leftNavigation,#nav {
margin: 0 0 0 40px;
list-style: none;
font-size: 85%;
background-position: top left;
}
#nav div {
width: 174px;
}
ul#leftNavigation,ul#leftNavigation li,div.navbackground,div.hitbackground {
background-image: url(/Fed/Common/Images/SharedB2C/leftNavseparator.gif)!important;
background-repeat: no-repeat;
}
ul#leftNavigation li,div.navbackground,div.hitbackground {
background-position: -5px bottom;
padding: 10px 0 10px 10px;
}
ul#leftNavigation li.active,ul#leftNavigation li:hover,div.navbackground:hover,div.hitbackground {
background-image: url(/Fed/Common/Images/SharedB2C/leftNavhighlight.gif)!important;
background-repeat: no-repeat;
background-position: -5px bottom;
}
ul#leftNavigation li a,div.navbackground a {
color: #0051ac;
text-decoration: none;
}
ul#leftNavigation li.active a,
ul#leftNavigation li a:hover,
div.navbackground a:hover,
div.hitbackground a {
color: #d91983;
padding: 12px 0;
text-decoration: none;
}
ul#leftNavigation li a:hover,
div.navbackground a:hover {
text-decoration: underline !important;
}
/* MAIN CONTENT */
#content #contentMain {
width: 652px;
float:left;
padding: 0 50px 50px 25px;
background-color: #fff;
color: #565656;
font-size: 70%;
background-image: url(/Fed/Common/Images/SharedB2C/centerContentBackground.gif);
background-repeat: repeat-x;
}
#contentMain {
line-height:1.4;
}
#contentOneColumn #contentMain {
width: 881px;
margin: 0;
padding: 0 50px 0 20px;
background-color: #fff;
color: #565656;
font-size: 70%;
background-image: url(/Fed/Common/Images/SharedB2C/centerContentBackground.gif);
background-repeat: repeat-x;
}

#contentMain p,#contentMain ul {
padding: 10px 0 5px;
}
#contentMain h1,#contentMain h2,#contentMain h3,#contentMain h4,#contentMain h5,#contentMain h6,.fontResizer a:hover {
color: #000;
}
#contentMain h1 {
font-size: 189%;
clear: both;
margin-bottom: 24px;
}
#contentMain h2 {
font-size: 123.1%;
}
#contentMain h3 {
font-size: 100%;
}
#contentMain h4 {
font-size: 93%;
}
#contentMain h5 {
font-size: 85%;
}
#contentMain h6 {
font-size: 77%;
}
.addtoList img {
float: left;
margin-right: 25px;
width: 152px;
}
.addtoList span {
display: block;
padding: 8px;
}
.productImage {
float: left;
}
.productInfo {
margin-left: 130px;
}
.productInfoLanding {
margin-left: 220px;
}
.productInfoLanding h3 {
padding: 20px 0 10px;
}
.productInfoLanding ul li {
list-style-image: none!important;
list-style: none;
padding-top: 25px;
margin-left: 0 !important;
}
.productDescription {
width: 100%;
}
#productIntroduction,.productDescription {
background-image: url(/Fed/Common/Images/SharedB2C/contentseparator.gif);
background-repeat: no-repeat;
background-position: bottom left;
display: block;
overflow: auto;
margin: 0 0 20px;
padding: 0 0 20px;
}
#contentOneColumn #contentMain div.productDescription:hover {
background-image: url(/Fed/Common/Images/SharedB2C/productitembackground.gif);
background-repeat: repeat-y;
margin: 0;
padding: 0;
}
img.separate {
margin: 15px 0;
}
/* BREADCRUMB */
#breadcrumb {
clear: both;
margin: 0 25px 0 25px;
padding: 20px 0;
color: #fff;
font-size: 70%;
border-bottom: 1px solid #b4dbf2;
}
#breadcrumb h2 {
display: inline;
text-transform: uppercase;
color: #fff;
padding: 0 5px 0 0;
}
#breadcrumb ul,#breadcrumb li {
display: inline;
list-style: none;
}
#breadcrumb li {
padding: 0 0 0 10px;
}
#breadcrumb a {
color: #b4dbf2;
text-decoration: none;
font-weight: normal;
}
#contentMain ul li {
margin-left: 20px;
vertical-align: middle;
padding: 0 0 5px;
}
#contentMain a {
color: #0278b1;
}
#contentMain ul.stepList li {
padding: 5px 0;
list-style-image: none;
list-style-type: none;
line-height:1.1em;
margin-left:80px;
text-indent:-57px;
}
#shareAndTextSize,.findAndPrint {
/*width: 280px;*/
float: right;
}
#shareAndTextSize {
margin: 13px -34px 20px 0;
}
#contentOneColumn #shareAndTextSize {
margin-left: 668px;
}
#shareAndTextSize ul li {
font-size:12px;
}
.findAndPrint {
margin: 13px 55px 20px 0;
}
#shareAndTextSize ul,.findAndPrint ul {
clear: right;
float: left;
margin-top: 4px;
padding: 0 5px 0 35px;
}
#shareAndTextSize ul {
/*width: 170px;*/
}
.findAndPrint ul {
width: 360px;
}
#shareAndTextSize ul li,.findAndPrint ul li {
list-style: none;
display: inline;
margin: 0;
padding: 0 0 1px 5px;
}
.findAndPrint ul li {
height: 25px;
}
#contentMain td,.findAndPrint ul li img {
vertical-align: middle;
}

.findAndPrint ul li.findProducts {
background-image: url(/Fed/Common/Images/SharedB2C/mag-glass-icon.gif);
background-repeat: no-repeat;
}
.findAndPrint ul li.findProducts a {
margin: 0 0 0 20px;
}
#shareAndTextSize ul li a {
margin-left: 10px;
}
#footer .sharePage {
padding: 0 0 2px 20px;
}
#shareAndTextSize li.sharePage {
padding-right: 10px;
}
#shareAndTextSize li.sharePage a {
color: #565656!important;
font-size:11px;
text-decoration: none;
}
#bodyCopy {
width: 602px;
clear: right;
}
#bodyCopy table tr td {
vertical-align: middle;
}

td.mainText {
line-height: 16px;
padding: 3px;
}
/* SHOPPING LIST TABLE */
#shopping_list {
clear: both;
}
table.shoppingListHeadTable,table.shoppingListTable {
width: 100%;
background-image: url(/Fed/Common/Images/SharedB2C/shoppinglistseparator.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
table.shoppingListTable:hover {
background-image: url(/Fed/Common/Images/SharedB2C/productitembackground.gif);
background-repeat: no-repeat;
}
table.shoppingListHeadTable th,table.shoppingListTable td {
vertical-align: middle;
padding: 5px 0;
}
.countBox {
border: 1px solid #000;
width: 23px;
text-align: center;
padding: 4px 0;
}
table.shoppingListTable td p {
display: inline;
padding-left: 25px;
}

/* FONT SIZER CSS */
.fontResizer {
display: inline;
}
.fontResizer a {
display: block;
float: left;
width: 14px;
height: 18px;
text-align: center;
line-height: 18px;
text-decoration: underline;
vertical-align: bottom;
}
/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/
.smallFont {
font-size: 10px;
}
.medFont {
font-size: 12px;
padding-top:2px;
}
a.largeFont {
font-size: 15px;
}
a.curFont {
text-decoration: none!important;
}
/* shopping List */

table.shoppingListHeadTable, table.shoppingListTable {
	width:100%;
}

table.shoppingListHeadTable,table.shoppingListTable {
	background-image:url(/Fed/Common/Images/SharedB2C/shoppinglistseparator.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

table.shoppingListTable:hover {
	background-image:url(/Fed/Common/Images/SharedB2C/productitembackground.gif);
	background-repeat:no-repeat;
}

table.shoppingListHeadTable th, table.shoppingListTable td{
	vertical-align:middle;
	padding:5px 0;
}

.countBox{
	border:1px solid #000;
	width:23px;
	padding:4px 0;
	text-align:center;
}

table.shoppingListTable td p{
	display:inline;
	padding-left:25px;
}

/* Product Block */
.productBlock {
	clear:both;
	overflow:hidden;
}
.productBlock .productImageBox {
	float:left;
}
.productBlock .productImageBox img.productImage {
	display:block;
	float:none;
	margin-bottom:5px;
}
.productBlock .productBlockDetails {
	margin-left:150px;
}
.productBlock .productBlockDetails h3 {
	margin-top:6px;
}
.productBlock .productBlockDetails ul {
	margin:0 0 5px 0 !important;
}
.productBlock .productBlockDetails .addToList img {
	vertical-align:middle;
}
.productBlock .productBlockDetails .addToList span {
	margin-left:25px;
}
/* end Product Block */
table.formFields td {
	padding:0 5px 5px 0 !important;
}