/* CSS Document */

/***********************************************************************************/
/* This section  takes care of rendering content on the right side of the page */
/***********************************************************************************/

.head
{
	background-color:#666;
	font-size: 95%;
	text-align:center;
	color:#FFF;
    font-weight:bold;
    padding:3px;
    font-family:Arial, Sans-Serif;			
	letter-spacing:.1em;
}

div.detail{
	padding: 5px;
	margin-bottom:1em;
}

.detail p {
	font-size:70%;
	padding:3px 6px;
	color:#000;
	font-weight:normal;
}

.detail ul {
	list-style:none;
	margin-left:0.75em;
	padding-top:2px;
	padding-left:0;
	margin-right: 0.5em;
}
.detail li {
	font-size: 70%;
	margin-bottom: 0.25em;
	padding-bottom:0.25em;
}


/***********************************************************************************/
/* This section  takes care of catalog rendering                                   */
/***********************************************************************************/

h3.type{
	text-align:left;
	color:#9D0620;
	font-weight:bold;
	font-style:italic;
	margin-bottom:.5em;
	font-size:110%;
}

h2.featured{
	color:#9D0620;
	font-weight:bold;
	font-style:italic;
	border-bottom:solid 1px #9D0620;
	margin: .65em 0em;
}

#content .family {
	color:#365250;
	font-weight:bold;
	font-size:120%;
	margin: 0 0 .5em 0;
}

#content .saleprice {
    color:#990033;
    font-weight:bold;
    font-size:110%;
}

#content .instock {
    color:Green;
    font-weight:bold;
    font-size:medium;
    }
    

#content .paging 
{
    background-color:#E7E4BF;
    border-top:solid 1px #846A4A;
    border-bottom:solid 1px #846A4A;
    margin-top:1em;
    margin-bottom:1em;
	font-size:70%;
	height:2em;
}

#content .paging a:link, #content .paging a:visited {
    color:#9D0620;
    font-weight:bold;
}

#content .paging a:hover {
    color:#BEA88C;
    font-weight:bold;
}
#content .count{
	color:#333;
	font-size:75%;
}

#content .paging .previous{
	width:20%;
	text-align:left;
	float:left;
	margin-top:.4em;
}
#content .paging .pagecount{
	width:50%;
	text-align:center;
	float:left;
	margin-top:.4em;
}
#content .paging .next{
	text-align:right;
	float:right;
	margin-top:.4em;
}

#content .catalog{
	vertical-align:top;
	border:1px dotted #cccccc;
	font-size:75%;
	margin:7px;
	padding:0px 5px;
}

#content .catalog .mfg{
	color:#2A4277;
	font-size:110%;
	font-weight:bold;
}
#content .catalog img{
	margin:5px;
}

#content .center_table{
    margin-left:auto;
    margin-right:auto;
    clear:both;
}

#content .cookie_crumb{
    margin-top:0px;
    font-weight:bold;
    font-size:70%;
}

.supporting_images{
    vertical-align:middle;
    padding-right:10px;
}

.item_id{
    font-weight:bold;
    color:#2A4277;
}

.item_desc{
    margin:8px 4px;
    display:block;
    font-size:95%;
}

/***********************************************************************************/
/* This section handle the way the content is rendered*/
/***********************************************************************************/
/* These rules are  IE 6 Box Model Hack */

#content .datatable{
	font-size:70%;
	border-collapse:collapse;
	width:100%;
}

#content .datatable p {
	margin:1em .5em;
	line-height:1.75em;
}
#content .datatable td, .datatable th{
    border:1px solid #CCC;
    padding:2px;
}

#content .datatable th{
    background-color:#666;
    color:#FFF;
    padding:4px 2px;
}

#content .datatable  a:visited, #content .datatable a:link {
	font-size:smaller;
	text-decoration:underline;
	color:#663300;
	line-height:1.25em;
}

#content .datatable a:hover {
	font-size:smaller;
	color: #9D0620;
	line-height:1.25em;
}

.datatable .description{
	color:#365250
}

#content .cartHeader{
	color:#365250;
	font-weight:bold;
	font-size:130%;
	margin: 0 0 .85em 0;
}

.checkout
{
    background-color:#861f21;
    width:500px;
    padding:4px;
    color:#ffffff;
    font-weight:bold;
    border: 1px solid #000;
    font-size:80%;
    margin:0 auto 0 auto;
}

.checkoutShip
{
    background-color:#c6bf6b;
    width:500px;
    padding:4px;
    color:#FFFFFF;
    font-weight:bold;
    border: 1px solid #000;
    font-size:80%;
    margin:0 auto 0 auto;
    
}

.checkoutbox 
{
    width:500px;
    border: 1px solid #000;
    border-top:none;
    padding:4px;
    font-size:75%;
    line-height:1.5em;
    margin:0 auto 0 auto;
}

.checkoutbox td 
{
    font-size:150%;
}

.hilitetext {
	color:#b70005;
	background-color:#ffffcc;
	padding-left:2px;
	padding-right:2px;
}

.pdown 
{    
	font-size: 8pt;
	font-style: normal;
	color: #000000;
	border: 1px solid #000000;
}

.dimensions 
{
    color:Maroon;
}

.clear 
{
    clear:both;
}

.row {
	clear:both;
	padding-top:5px;
}

.label {
	float:left;
	width:25%;
	text-align:right;
}

.formw {
	float:left;
	width:70%;
	text-align:left;
	margin-left:.5%;
}
.smallblack 
{
    color:Black;
    font-size:75%;
}

#listitem .itemtable td {
    padding:5px;
    font-size:90%;
}

#listitem .itemtable th {
    padding:2px;
    font-size:small;
}