body {
    background-color: #254470;
    font-size: 12px;
    font-family: arial;
    color: #fff;
}

a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

/* WEBSITE FRAMEWORK */

#container {
    width: 976px;
    margin: 10px auto 0 auto;
}

.spacer { height: 5px; background-color: #254470; }

/* HEADER CART */

#cart {
    height: 23px; 
    width: 312px; 
    color: #254470;
    background: #fff url(/images/arrow_dynamics_04.jpg);
}

#cart a {
    font: bold 13px arial;
    color: #254470;
    text-decoration: none;
}

#cart a:hover { text-decoration: underline; }

#cart .contents {padding-left: 5px; }

#cart .links { text-align: right; padding-right: 5px; }


/* TOPNAV */

#topnav {
    height: 52px;
    background: #C21E1F url(/images/topnav_bkg.jpg) repeat-x;
}

#topnav ul {
    padding:0;
    list-style:none;
    margin:0 0 0 10px;
}

#topnav ul li {
    float:left;
    position:relative;
    text-transform:uppercase;
}

#topnav ul li a {
    font: bold 14px georgia;
    color:#fff;
    display:block;
    float:left;
    padding:18px 23px 0 23px;
    text-transform:uppercase;
    text-decoration: none;
}

#topnav ul li a:hover {
    color:#FFEE21;
    text-decoration: none;
}

#topnav ul li ul {
    display:none;
}

#topnav ul li > ul {
    left:auto;
    top:auto;
}
						
#topnav ul li.over ul, #topnav ul li:hover ul {
    background:#151515;
    border:1px solid #151515;
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-width:0 1px 1px;
    clear:left;
    display:block;
    list-style:none;
    margin:0;
    padding:5px;
    position:absolute;
    text-indent:0;
    top:30px;
    width:200px;
    z-index: 100;
}

#topnav ul li ul li {
    display:block;
    text-transform:none;
}
								
#topnav ul li ul li a {
    display:block;
    padding:5px 5px 5px 10px;
    width:185px;
    font-size: 12px;
}

#topnav ul li ul li a:hover {
    background-color:#5C5C5C;
    text-decoration: none;
}


/* CONTENT */

#content {
    background-color: #31568B;
    padding: 10px 20px;
}


#content h1 {
    font: bold 24px georgia;
    color; #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

#content h2 {
    font: bold 18px georgia;
    color; #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

#content h3 {
    font: bold 14px georgia;
    color; #fff;
    margin: 0 0 10px 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: #254470; 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: #254470; 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;}

.photogallery { border: solid 1px #fff; }

