body {
    background: #B0DFFC url(../../graphics/header_graphics/bkg.jpg) top repeat-x;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

/* WEBSITE FRAMEWORK */

#container {
    width: 1000px;
    margin: 0 auto;
}

/* HEADER CART */

#cart {
    height: 68px; 
    width: 241px; 
    color: #fff;
    background: #6C6C6C url(../../graphics/header_graphics/grubco_02.jpg);
}

#cartinner { 
    margin-left: 12px; 
    font: bold 14px arial;
    color: #fff;
}

#cartinner a {
    font: bold 14px arial;
    color: #fff;
    text-decoration: none;
}

#cartinner a:hover { text-decoration: underline; }

#cartinner .links { text-align: left; padding-left: 5px; }




/* TOPNAV */

#topnav {
    height: 30px;
    background: #187AB0 url(../../graphics/header_graphics/topnav_bkg.jpg) repeat-x;
}

#topnav ul {
    padding:0;
    list-style:none;
    margin:0 0 0 23px;
}

#topnav ul li {
    float:left;
    position:relative;
    text-transform:uppercase;
}

#topnav ul li a {
    font: bold 14px arial;
    color:#fff;
    display:block;
    float:left;
    padding:0 13px 0 13px;
    text-transform:uppercase;
    text-decoration: none;
}

#topnav ul li a:hover {
    color:#FFEE21;
    text-decoration: none;
}

#topnav ul li ul {
    display:none;
}


/* MENU */

#menu ul {
	width:219px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
    
#menu ul li {
    list-style-type:none;
    border-top: 1px solid #CECCCC;
    margin: 0;
    padding: 0;
    font: bold 13px arial;
    color: #CECCCC;
    height: 30px;
}
    
        
#menu ul li a {
        padding: 6px 0 0px 10px;
        display: block;
        height: 30px;
        color: #504F4F;
		text-decoration: none;}
        
#menu li a:hover {
    height: 25px;
    color: #fff;
    background-color: #CECDCD;
    }
    
/* POLICIES */

#policies {
    font: bold 12px arial;
    color: #504F4F;
}

#policies a {
    color: #504F4F;
    text-decoration: none;
}

#policies a:hover {
    text-decoration: underline;
}

#policies ul {padding-left: 30px;}

#policies li { margin: 0 0 5px 0; }


/* CONNECT */

#connect {
    font: bold 12px arial;
    color: #504F4F;
}

#connect a {
    color: #504F4F;
    text-decoration: none;
}

#connect a:hover {
    text-decoration: underline;
}


/* CONTENT */

#content {
    background-color: #fff;
    padding: 10px;
}


#content h1 {
    font: bold 24px georgia;
    color: #0C5684;
    margin: 0 0 10px 0;
    padding: 0;
}

#content h2 {
    font: bold 16px georgia;
    color: #0C5684;
    margin: 0 0 2px 0;
    padding: 0;
}

#content h3 {
    font: bold 16px georgia;
    color: #0C5684;
    margin: 0 0 2px 0;
    padding: 0;
}

#content .product_details {
    font-size: 14px; }

/* FOOTER */

#footer { 
    height: 50px;
    background-color: #595959;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

#subfooter {
    font-size: 10px;
    color: #CECFCF;
    text-align: center;
    padding-top: 5px;
}

#subfooter a {
    color: #CECFCF;

}


/*** ADMIN STYLES ***/

td.inverse { background: #0C5684; font: bold 12px Arial; color: #fff; margin-top: 0; }
td.inverse a { font: bold 12px Arial; color: #fff; text-decoration: none; }
td.inverse a:hover { text-decoration: underline;}
td.inversesmall { background: #0C5684; font: bold 12px Arial; color: #fff; margin-top: 0; }
td.inversesmall a { color: #fff; }
td.inversesmall a:hover { color: #fff;text-decoration: none; }

td.small { font: normal 12px arial; color: #254470; margin-top: 0;}
td.small a { color: #254470; text-decoration: none;}
td.small a:hover { text-decoration: underline;}
td.small2 { font: normal 11px Arial;color: #254470; margin-top: 0; }
td.small2 a { color: #254470; }
td.small2 a:hover { text-decoration: none; }
td.smallwhite { font: normal 12px arial; color: #fff; margin-top: 0;}
td.smallwhite a { color: #fff; text-decoration: none;}
td.smallwhite a:hover { text-decoration: underline;}


#grid th {background-color: #563C93; color: #fff; font-size: 11px; text-align: center;}

#grid td {font: normal 11px helvetica; text-align: center; }

/* CALENDAR */

.cpYearNavigation,.cpMonthNavigation{background-color:#C0C0C0;text-align:center;vertical-align:center;text-decoration:none;color:#000000;font-weight:bold;}
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText{font-family:arial;font-size:8pt;}
TD.cpDayColumnHeader{text-align:right;border:solid thin #C0C0C0;border-width:0px 0px 1px 0px;}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{text-align:right;text-decoration:none;}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{color:#D0D0D0;text-align:right;text-decoration:line-through;}
.cpCurrentMonthDate, .cpCurrentDate{color:#000000;}
.cpOtherMonthDate{color:#808080;}
TD.cpCurrentDate{color:white;background-color: #C0C0C0;border-width:1px;border:solid thin #800000;}
TD.cpCurrentDateDisabled{border-width:1px;border:solid thin #FFAAAA;}
TD.cpTodayText, TD.cpTodayTextDisabled{border:solid thin #C0C0C0;border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled{height:20px;}
A.cpTodayText{color:black;}
.cpTodayTextDisabled{color:#D0D0D0;}
.cpBorder{border:solid thin #808080;}
.MyDiv {background:#fff;position:absolute;}