/*----- main styles -----*/
html {
background-color: #ffffff;
}

body {
background-color: #ffffff;
padding: 0px;
font-size: 12px;
background: url(../images/layout/bgstrip.gif) repeat-y center top;
margin: 0px;
font-family: arial, helvetica, sans-serif;
text-align: center;
}

p {
font-family: arial, helvetica, sans serif;
}

a {
color: #d02433;
text-decoration: none;
}

a:hover {
color: #ffffff;
background-color: #d02433;
text-decoration: none;
}

ol {
line-height: 200%;
margin: 0px;
}

li {
line-height: 200%;
margin: 0px;
}

form {
margin: 0px;
padding: 0px;
}

/*----- custom styles -----*/
#container {
width: 780px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto; 
margin-right: auto;
text-align: left;
padding: 0px;
}

#header {
width: 780px;
height: 105px;
background-color: #d02433;
padding: 0px;
text-align: right;
margin: 0px;
}

#steelbar {
width: 780px;
height: 15px;
background-color: #d02433;
padding: 0px;
text-align: right;
margin: 0px;
}

#nav {
width: 780px;
padding: 0px;
background-color: #d02433;
margin: 0px;
}

#content {
width: 610px;
text-align: left;
padding: 10px;
float: left;
margin: 0px;
}

#sidebar {
width: 140px;
float: right;
margin: 0px;
padding: 0px 10px 10px 0px;
text-align: center;
font-size: 11px;
}

#footer {
clear: both;
padding: 10px;
text-align: center;
margin: 0px;
border-top: 1px solid #cccccc;
}

#copyright {
clear: both;
padding: 10px;
text-align: center;
margin: 0px;
}

/* START OF CENTERED THUMBNAIL CLASSES ########################*/
.thumbnail {
text-align: center;
vertical-align: middle;
margin: 0px;
}

.thumbholder {
text-align: center; /* horizontal in all browsers */
display: table-cell; /* ~= valign=center in CSS2 browsers */
vertical-align: middle; /* ~= valign=center in CSS2 browsers */
border: 1px solid #ffffff;
background-color: #ffffff;
margin: 10px;
height: 120px;
width: 120px;
padding: 0px;
}

.thumbholder img {
vertical-align:middle;/* center img in line box */
}

* html .thumbholder {
font-size:108.6px;/* 90.5% of box height */ 
}
/* END OF CENTERED THUMBNAIL CLASSES ##########################*/

.promotioncell {
border: 1px dotted #cccccc;
text-align: center;
}

.prodpreviewcell {
text-align: center;
}

.miniprodtitle {
font-weight: bold;
text-align: center;
}

.miniprodblurb {
text-align: left;
}

.prodimg {
float: right;
margin: 0px 0px 20px 20px;
}


.prodblurb {

}


.articleimg {
float: left;
margin: 0px 20px 20px 0px;
}


.articleblurb {

}

.subtitle {
padding: 0px 0px 5px 0px;
/*display: block;*/
font-weight: bold;
font-size: 12px;
margin: 0px 0px 5px 0px;
color: #d02433;
border-bottom: #d02433 1px solid;
}

.specheader {
font-weight: bold;
color: #ffffff;
background-color: #d02433;
text-align: center;
padding: 5px;
}

.specpoint {
color: #000000;
background-color: #f5bfc4;
text-align: left;
padding: 5px;
}



/*----- sidebar styles -----*/
.sidebox {
border: 1px solid #d02433;
background-color: #ffffff;
padding: 5px;
margin: 10px 0px 0px 0px;
text-align: left;
display: block;
clear: both;
}

.sideboxtitle {
background-color: #d02433;
color: #ffffff;
font-weight: bold;
padding: 3px 5px 3px 5px;
margin: 0px 0px 5px 0px;
border: none;
}

.sideboxinput {
width: 126px;
padding: 0px;
margin: 5px 0px 0px 0px;
clear: both;
border: 1px solid #d02433;
}

#scrollingContainer {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 2px;
WIDTH: 120px;
MARGIN-RIGHT: 0px;
PADDING-TOP: 2px;
HEIGHT: 80px;
BACKGROUND-COLOR: #ffffff;
}

/*----- menubar styles -----*/
div.menuBar {
font-weight: normal;
font-size: 11px;
color: #ffffff;
font-style: normal;
font-family: verdana, arial, sans-serif;
padding: 2px 0px 2px 0px;
background-color: #d02433;
text-align: left;
margin-top: 0px;
}

div.menuBar A.menuButton {
color: #ffffff;
padding: 2px 6px 2px 6px;
z-index: 100;
top: 0px;
left: 0px;
background-color: #d02433;
text-decoration: none;
border-right: 1px solid #ffffff;
margin: 0px;
}

div.menuBar A.menuButton:hover {
background-color: #000000;
}

div.menuBar A.menuButtonActive {
background-color: #000000;
}

div.menuBar A.menuButtonActive:hover {
}


/*----- individual menu styles -----*/
div.menu {
font-size: 11px;
color: #ffffff;
font-family: verdana, arial, sans-serif;
padding: 0px;
border: 1px solid #ffffff;
z-index: 101;
visibility: hidden;
position: absolute;
background-color: #ffffff;
}

div.menu A.menuItem {
font-size: 11px;
color: #ffffff;
padding-right: 6px;
display: block;
padding-left: 6px;
padding-bottom: 2px;
color: #000000;
padding-top: 1px;
white-space: nowrap;
text-decoration: none;
background-color: #dddddd;
border-bottom: 1px solid #ffffff;
text-align: left;
}

div.menu A.menuItem:hover {
color: #000000;
background-color: #f5bfc4;
}

div.menu A.menuItemHighlight {
color: #000000;
background-color: #f5bfc4;
}

div.menu A.menuItem SPAN.menuItemText {

}

div.menu A.menuItem SPAN.menuItemArrow {
margin-right: 0.10em;
}

div.menu div.menuItemSep {
border-top: #cccccc 1px solid;
margin: 4px 2px;
}