/* ================================
    CSS STYLES 
   ================================
*/   

BODY
{
	font-family: Arial, Helvetica, sans-serif; 
	background:#ffffff; 
	margin:0px; 
	color: #000000;
}

.btn_img {border:0; margin-right: 2px;}

HR {
    height:1pt;
    text-align:left
}

input.btn
{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}

.comment {
	BORDER-RIGHT: #cccccc 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #cccccc 1px solid; 
	MARGIN-TOP: 1em; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #cccccc 1px solid; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #cccccc 1px solid; 
	BACKGROUND-COLOR: #f2f2f2
}


.scrollertitle {
	font-size:smaller;
	font-weight:bold;
	color: #800000;
}

.scrollerbody {
	font-size:smaller;
	font-weight:normal;
	color: Black;
}

.sectiontitle {
	font-size:90%; 
	font-weight: bold; 
	height: 30px; 
	padding:  0px 0px 0px 0px;
	text-decoration: underline;
}

.fieldlabel {
	font-size:75%; 
	font-weight: normal; 
	padding: 0px 0px 0px 0px;
}

.fieldlabelbold {
	font-size:75%; 
	font-weight: bold; 
	padding: 1px 1px 1px 0px;
}

.errormessage {
	font-size:100%; 
	font-weight: bold; 
	height: 20px; 
	padding: 2px 2px 2px 0px;
	color: Red;
}

.fieldtext {
	font-size:75%; 
	font-weight: normal; 
	padding: 1px 1px 1px 0px;
}

.fieldtextPriceDiffGood {
	font-size:75%; 
	font-weight: normal; 
	padding: 2px 2px 2px 0px;
	color: Green;	
}

.fieldtextPriceDiffBad {
	font-size:75%; 
	font-weight: normal; 
	padding: 2px 2px 2px 0px;
	color: Red;	
}

.footer { padding-right: 5px; 
          padding-left: 5px; 
          padding-bottom: 5px; 
          padding-top: 5px; 
          font-size: 83%;
          border-top: #ffffff 1px solid; 
          border-bottom: #ffffff 1px solid; 
          background: #e5ecf9; 
          text-align: center;
          font-family: arial,sans-serif;
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: underline;
    font-size:  11px;
    font-weight: bold;
  
}


.CartListHead
{
    background-color: #6699CC;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 10pt;
    padding-left: 5px
}

.GroceryLinks
{
	font-size: 12px;	
	font-weight: bold;
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #ccddFF;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #6699CC;
    line-height: 10pt
}

.HeaderAlert 
{
	font-size: smaller;	
	font-weight: bold;
	color: #FFF;
}


#paneltabs {
border-collapse:separate;
border-spacing:0;
width:100%;
font-size: medium;
margin-top:5px;
}

#paneltabs td {
border-bottom:1px solid #0B64BE;
padding:2px;
}

#paneltabs td.tabOff,#paneltabs td.tabOn {
background-color:#FFF;
border:1px solid #0B64BE;
cursor:pointer;
padding-left:6px;
padding-right:6px;
text-align:center;
}

#paneltabs td.tabOn a,#paneltabs td.tabOff a {
text-decoration:none;
color:#000;
}

#paneltabs td.tabOn {
background-color:#cae1ff;
border-bottom-width:0;
font-weight:700;
}

#paneltabs td.tabSpacer {
width:10px;
}

#paneltabs td.tabLeft {
width:3px;
}

.links {
font-size:small;
text-align:right;
vertical-align:middle;
padding-right:3px;
width:100%;
}

.links a {
text-decoration:none;
white-space:nowrap;
padding-left:0.75em;
color:#00c;
}


div.bluebox {
border: 2px solid #8db; 
}

.left-right-border-yellow {
	background-color: #FFFFE5;
	border-right: 1px solid #F5E082;
	border-left: 1px solid #F5E082;
	border-top:  1px solid #F5E082;
	border-bottom:  1px solid #F5E082;
}

.side-announcement-box {
	padding: 8px 20px;
	text-align: left;
	font-size: 13px;
	font-weight:  normal;
    color: Green;
}
#container .column {
			position: relative;
			float: left;
}
#container {
 /* Width of our left container giving it a space to populate */
	padding-right: 150px;     /* Same for the right container */
}

#center {
	width: 100%;
}


#right {
	width: 150px;
	margin-right: -100%;
}