@charset "UTF-8";
/* CSS Document */

body  {
	background-color: #aec8ce;
	background: url(http://www.kelloggcollection.com/media/images/bkg.gif) repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
	}
	
#container {
	width:900px;
	text-align: center;
	margin: 0px auto;
	margin-top: 40px;

	}
	
/*Main Navigation*/	

#navigation {
width: 830px;
height: 30px;

font-family: Georgia, times, serif;
font-size: 14px;
color: #5c7176;
line-height: 39px;
margin-top:8px;
}

#navigation ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation li {
display: inline;
padding: 5px 10px;
}

#navigation a {
text-decoration: none;
color: #5c7176;
}

#navigation ul a:hover{
color: #87999d;
}

#navigation a.selected {
color: #87999d;
}


/*Feature Box Home*/



.right {
text-align: right;
}



/*General Styles*/

img {
border:none;
}

.margin {
margin-left:-10px;
}

p { 
font-family: georgia, times, serif;
font-size: 11px;
color: #3c3a37;
line-height: 18px;
letter-spacing: 1px;
text-align: left;

}



.padding {
padding:10px;
}
.padding2 {
padding:10px 5px 10px 0;
}

.padding3 {
padding-top:6px;
}

.paddingLeft {
padding-left:10px;
}


h1 {
font-family: georgia, times, serif;
font-size: 16px;
color: #485f51;
font-weight:normal;
padding-left: 20px;
padding-top: 10px;
text-align:left;
}

h2 {
font-family: georgia, times, serif;
font-size: 16px;
color: #485f51;
font-weight:normal;
padding-left: 30px;
padding-top: 10px;
text-align:left;
}

.green {
color: #485f51;
}

a {
color: #485f51;
text-decoration: underline;
}

a:hover {
text-decoration:none;
}



/*Form*/

.field {
font-size: 10px; 
 background-color: #fdfcee; 
 border: 1px solid #90a8ad; 
 }
 

.button {
width: 20px;
height:16px;
font-family: georgia, times, serif;
font-size:9px;
font-weight: bold;
color: #fdfcee;
background-color: #afc9ce;
border: 1px solid #fdfcee;
padding-bottom: 1px;
}


/*Border */


#outer {

height:auto;
border: 6px solid #edecd9;
margin-top:7px;
}

#middle {

height:auto;
border: 1px solid #a6c2c8;
}

#inner {

height:auto;
border:6px solid #edecd9;
background-color: #fdfcee;
}

/* Table */


.innerTable {
height:500px;

}

.innerTable .beige {
background-color: #f8f7e8;
text-align: center;
font-family: georgia, times, serif;
font-size: 10px;
color: #3c3a37;
line-height: 13px;
letter-spacing: 1px;
text-align: left;
}

.innerTable .beige2 {
text-align: center;
padding:0px;
background-color: #f8f7e8;

}


#tableMain2 {
height: auto;
background-color:#fdfcee;
margin-top:0px;

}

.feature2 {
padding-top:5px;
}

/*Products Subnav*/

#subnav {
font-family: Georgia, times, serif;
font-size: 14px;
color: #496051;
line-height:35px;
margin-top:8px;
text-align:left;
margin-left:60px;
}

#subnav ul{
list-style-type: none;
margin: 0;
padding: 0;
}

ul.subnav2 {
font-family: verdana;
font-size: 12px;
margin-left:10px;
line-height: 20px;
}

ul.subnav2 a {
font-family: verdana;
font-size: 12px;
margin-left:15px;
color: #496051;
text-decoration:none;
}

ul.subnav2 a:hover{
background-image: url(http://www.kelloggcollection.com/media/images/arrow.gif);
background-repeat: no-repeat; background-position: 0 .4em;
padding-left:10px; 
}

ul.subnav2 .selected {
background-image: url(http://www.kelloggcollection.com/media/images/arrow.gif);
background-repeat: no-repeat; background-position: 0 .4em;
padding-left:10px; 
}


#subnav a {
text-decoration: none;
color: #496051;
}

#subnav ul a:hover{
color: #87999d;
}

#subnav a.selected {
color: #87999d;
}


/*Products Table*/

table .products {
padding:0px;
margin-left:5px;
}

table .products img {
border: 1px solid #496051;
}

table .products td{
font-family: georgia, times, serif;
font-size: 12px;
color: #3c3a37;
letter-spacing: 1px;
text-align: center;
}

table .products p {
padding:0 0 0 10px;
margin:0;
}

table .products h2 {
padding: 0 0 0 10px;
}

table .cart td{
font-family: georgia, times, serif;
font-size: 12px;
color: #3c3a37;
letter-spacing: 1px;
text-align:left;

}

table .cart {
margin-left:10px;
}

.cart_name, .cart_quantity, .cart_price, .cart_total {
padding:10px;
}

.ship_addr {
margin-top:20px;
}

td.bkg {
background-color: #faf7e8;
}


table.products h2 {
font-family: georgia, times, serif;
font-size: 14px;
color: #3c3a37;
letter-spacing: 1px;
font-weight:normal;
}


.text { 
font-family: verdana, sans serif;
font-size: 10px;
color: #3c3a37;
line-height: 16px;

}

.sidebar p{
padding-top:5px;
font-size:10px;
line-height:14px;
}

.mainContent p {
padding-left:20px;
padding-right: 10px;
}

/*Footer*/

.footer {
color:#fdfcee;
font-family: georgia, times, serif;
font-size: 10px;
letter-spacing: 1px;
text-align: left;
margin-top:15px;
}

.footer a {
color:#fdfcee;
text-decoration:none;
}

.footer a:hover {
text-decoration: underline;
}

.feature {
background: url(images/fb_bkg.gif);
width: 305px;
height:66px;

}



.feature p {
font-size: 10px;
line-height: 12px;
padding-top:5px;
}



.mainContent ul {
font-family: georgia, times, serif;
font-size: 11px;
color: #3c3a37;
line-height: 18px;
letter-spacing: 1px;
text-align: left;
}

h2.topMargin {
margin-top:-18px;
}

p.topMargin {
margin-top:0px;
}