
body {
	    background-color:#9C0202;
		color:#000;
		font-family:Helvetica,Arial, sans-serif;
		text-align:center;
		margin:5px 0px ;
		font-size:14px;
		
	  }
p,ul,td {
	font-size: 12px;
	font-family:Helvetica,Arial, sans-serif;
	/*color: #ffffcc;*/
}

h1 {
 font-size: 1.5em; text-align:center;
 margin:15px 0px 10px 0px;
}
h2 {
font-size: 1.25em;
}

h3 {
font-size: 1.1em;
}
.tblbg {
   background-color: #660000;
}
.tdbg2 {
  background-color: #ff9900;
  color:#660000;
  font-size: 9pt;
}

.tdbg1 {

  color:#000;
  font-size: 9pt;
}
.tdbg_grey {
 background-color:#ccc;
 color:#000
}

A.tdbg_grey:link { 
color:#000;
}
A.tdbg_grey:hover {
color:#666;
 text-decoration:underline;
}
A.tdbg_grey:visited {
 color:#000;
}

.smltext {
  font-size:7pt;
  color:#000000;
}

.smltext_blck {
  font-size:7pt;
  color:#000000;
}
.smltext_white {
  font-size:7pt;
  color:#FFFFFF;
  font-weight:bold;
}

.pageTitle {
   color: #000;
   background-color:#ff9900;
   font-size: 14px;
   font-weight:bold;
   padding:5px;
   
}

.pageTitle_sm {
   color: #660000;
   background-color:#FFF;
   font-size: 12px;
   font-weight:bold;
   padding:2px;
   
}

.pagesubHeader {
   font-size: 10px;
   font-weight:bold;
   padding:2px;
   
}

.pad {
padding:4px;
}

.nopad {
padding:0px
}

a.breadcrumbs {
 color:#660000;
 font-size: 10px;
 text-decoration: none;
}
a.breadcrumbs:link {
 color:#660000;
 font-size: 10px;
 text-decoration: none;
}
a.breadcrumbs:hover {
  color: #ff9900;
  text-decoration: none;
  font-size: 10px;
}

a.breadcrumbs:visited {
  color: #660000;
  text-decoration: none;
  font-size: 10px;
}

.subnav {
  color:#660000;
  font-size: 10px;
  text-decoration: none;
 }
 
 A.subnav:link {
  color:#660000;
  font-size: 10px;
  text-decoration: none;
 }
 
  A.subnav:visited {
  color:#ff9900;
  font-size: 10px;
  text-decoration: none;
 }
   A.subnav:hover {
  color:#ff9900;
  font-size: 10px;
  text-decoration: none;
 }

.adminHelp {
   color:#FF0000;
   font-size: 10px;
   text-decoration: none;
   font-weight:bold;
}

.footer {
  text-align:center;
  font-size:10px;
  color:#FF9900;
}

.footer_subnav{
  text-align:center;
  font-size:10px;
  color:#FBBC5E;
}
a.footer_subnav,a.footer_subnav:link,a.footer_subnav:visited{
  text-align:center;
  font-size:10px;
  color:#FBBC5E;
}

a.footer_subnav:hover
{
  text-align:center;
  font-size:10px;
  color:#ff9900;
}

.vertLine {
	border-right: 1px solid #000;
}

.tdSideBar {
	width: 125;
	vertical-align: top;
}
.tdMain {
	vertical-align: top;
}

/* ----- MAIN SETTINGS ---- */


A:link {
	COLOR:#0040FF;
	text-decoration: none;
	border-bottom: 1px dotted #0040FF;
}
A:visited {
	COLOR:#660000;
	text-decoration: none;
	border-bottom: 1px dotted #660000;
} 
A:hover {
	color :#660000;
	border-bottom: 1px dotted #660000;
}


/* This is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size : 9px;
}

/* Style for page breaks when printing */
P.pageEnd {page-break-before: always}

/* ----- PAGE SECTIONS & HEADERS -----*/
/* Header is a large separating bar used in page layout */
/* Sections are used for output areas */
.header {
	BACKGROUND-COLOR: #9c0202;
	FONT-SIZE: 14px;
	color:#FF9900;
	font-weight : bolder;
}
.section_title {
	font-size: 12px;
	font-weight: bold;
	color :#660000;
}

/* Used for the menu footer at the bottom of list and detail pages */
.section_footer {
	font-size: 11px;
	color :#660000;
}
A.section_footer {
    color :#660000;
	text-decoration : none;
}


hr {color: #660000;height:1px}

/* ----- ORDER BOX & HIGHLIGHT BOX -----*/
.boxtitle {
	FONT-SIZE: 16px;  
	font-family: Arial, Helvetica, sans-serif;
}
.BoxText {
	font-family : Arial, Helvetica, sans-serif;	
	FONT-SIZE: 13px;  
}

.BoxBorder {
 border: 1px solid #000;
}

.BoxHeaderRow {
 background-color: #ff9900;
}

/* ----- SHOPPING CART  -----*/


/* ----- INPUT FORM ---------------------------------*/
.FormTitle {
	color:#660000;
	FONT-SIZE: 14px;
	font-weight : bold;
}
.formtext {
	color:#660000;
	FONT-SIZE: 11px;
	vertical-align : baseline;
}

.FormError {
	FONT-SIZE: 12px;
	color : Red;
}

.FormErrorSmall {
	FONT-SIZE: 10px;
	color : Red;
}

.FormTextSmall {
   color:#000;
	FONT-SIZE: 10px; 
}

.FormTextVerySmall {
	FONT-SIZE: 9px;
	color:#000;
}

.formfield {
	BACKGROUND-COLOR: #fff;
	BORDER: #660000 1px solid;
	COLOR: #660000;
	FONT-SIZE: 10px;
}

.FormButton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BORDER-LEFT: 1px outset;
	COLOR: white;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #FF9900;
	text-align : center;
}


.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #FF9900;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #660000;
	TEXT-DECORATION: none
}
A.menu_admin:hover{
	
	COLOR: #ff9900;

}




/* ----- INPUT FORM ---------------------------------*/
TD.TopTierHeader {
}
.TopTierHeader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; 
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  TEXT-DECORATION: none
}
A.TopTierHeader:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  TEXT-DECORATION: none
}
A.TopTierHeader:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-DECORATION: underline
}


/* ----- top tier is tabs; TD produces height ---------------------------------*/
TD.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-DECORATION: none;padding:4px;
}
.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.TopTierNav:link {
	 FONT-SIZE: 11px; TEXT-DECORATION: none; 
	 color:#660000;
}
A.TopTierNav:visited {
	FONT-SIZE: 11px;  TEXT-DECORATION: none; color:#000000
}
A.TopTierNav:hover {
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	background-color : transparent;
	color:#ff9900;
}

/* ----- the sub tier is for sort  ---------------------------------*/
.SubTierNav {
	FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.SubTierNav:link {
	 FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.SubTierNav:visited {
	FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.SubTierNav:hover {
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	background-color : transparent;
}


.required {
	font-weight: bold;
}

.tdHeader {
 text-align:center;
 font-size:80%

}
.rowHeader {
  height:12pt;
}


/**** FOR THE login boxes ****/
.loginForm_Box {
 width:110px;
 padding:3px;
 border: 1px solid #000;
 margin: 5px 0px 0px 2px;
}


 /*for  form field labels*/
  label {
	float:left;
  }
  
.loginForm {
  width:135px;
  padding:0px;
  margin:25px 2px 0px 0px;
}

.loginForm h3 {
  border-top:1px solid #FFF;
   color:#3C0066;
   background-color:#FBBC5E;
   margin:0px 0px 2px 2px;
   padding:3px;
   font-size:11px;
}

.loginForm fieldset {
   border:none;
   background-color:#FBBC5E;
   margin:0px 1px 2px 2px;
   padding:3px;
   _margin:-17px 0px 2px 2px;
}

.loginForm p {
  FONT-SIZE: 9px;
}

.loginForm label {
  display:inline;
   float:left;
   font-size:11px;
   color:#3C0066;
   font-weight:bold;
   margin: 3px 3px 0px 0px;
}

 .loginForm .formField {
	   BORDER: #000 1px solid;
	   COLOR: #000;
	   FONT-SIZE: 10px;
	   width:48px;
	   display:block;
	   margin: 3px 0px 0px 65px;
	  }
	  
	  .loginForm .formButton {
	    background-color:#FF9900;
		color:#FF0A00;
		font-size:11px;
		font-weight:bold;
		border:none;
	    margin:0px;
		padding:2px 5px;
	  }
  .loginForm fieldset#submitBttn {
	    margin:0px 0px 2px 2px;
		padding:0px;
		text-align:right;
		border-bottom:1px solid #FFF;
	  }
.logout_box {
  width:125px;
  padding:3px 3px 4px 3px;
  border: 1px solid #000;
  text-align:center;
  margin: 5px 0px 5px 2px;
}

.logout {
  width:125px;
  padding:3px 3px 4px 3px;
  text-align:center;
  margin: 5px 10px 5px 2px;
}

.logout legend {
  font-size:80%;
  background: #FBBC5e;
  color:#660000;
  border:none;
}

.logout fieldset {
  border:none;
  padding:4px 3px; 
  width:125px;
}


object.td
{
color:#000000}
.debug {
  color:#000;
}

/*defines styles for category,page,feature edit links*/
 .editBtn {
	padding:2px 5px 2px 5px;
	border: solid 1px #FBBC5E;
	background-color:#9C0202;
	text-align:center;
	margin:5px 5px 3px 5px;
 }
 a.editBtn {
   text-decoration:none;
   color:#FFF;
   font-size:90%;
 }
 a.editBtn:hover {
   color:#FF9900;
 }
 
 /* for item lists for editing */
 .listform {
  background-color: #E7E3D6;
  padding:3px;
  color:#000;
 }
 
 .listform td{
  font-size: 95%;
 }

 .listform a {
   color:#000;
 }
 
  
  .listform a:link {
   color: #000;
   
 }
  .listform a:hover {
   color: #666;
   
 }
 
  .listform a.editBtn {
   text-decoration:none;
   color:#FFF;
   font-size:100%;
 }
 
  /* for item lists for editing */
 .listform_lo {
  background-color: #CCC;
  padding:3px;
 }
 
 .listform_lo a, .listform_lo td{
   color: #000;
 }
 
  .listform_lo a:link {
   color: #000;
   
 }
  .listform_lo a:hover {
   color: #633;
   
 }
 
  .listform_lo a.editBtn {
   text-decoration:none;
   color:#FFF;
 }
	
/* the following classes handle sidebar content */
#contentContainer {/*container for catContent and sidebar */

	width:inherit;
	margin: 0px 5px 5px 3px;
}

.catContent {
  float: left;
  color:#FFF;
  width:300px;
  margin: 0px -340px 5px 10px;
}
#sidebar {
    margin:0px 5px 5px 15px;/* fix the right margin depending upon your layout */
    float:right;
	width:225px;
	/*background-image: url(../lay/bg_sidebar.gif);
	background-repeat: repeat-x;*/ /* add a background image to the side bar if you wish */
	font-size:80%;
	padding:3px 3px 3px 0px;
}


#sidebar li {
margin-left:0px;
}

#sidebar dl {
font-size:100%;
margin-left:3px;
}

#sidebar dt {
font-size:110%;
}



/*controls look of bread crumb navigation for sub categories */
#subCatBreadCrumbs {
margin:3px 0px 10px -20px;
}
#subCatBreadCrumbs ul {
 margin:0px 0px 10px 0px;
 padding:0px;
}
#subCatBreadCrumbs li {
 font-size:11px;
 list-style:none;
 float:left;
 margin:0px 5px 0px 0px;
}
 
#subCatBreadCrumbs a {
font-size:11px;
}
/*** SITE MAP CLASSES***/
.siteMap {
 margin: 3px 0px 3px 5px;
}

.siteMap li {
  list-style:none;
  margin: 3px 0px 3px 5px;
}

.siteMap li ul li {
background-image: none;
}

#siteMapProducts {
margin: 3px 0px;
}

#siteMapProducts dt  {
 font-weight: bold;
 font-size:110%;
}

#siteMapProducts dd  {
  list-style:none;
  margin:3px;
}
.siteMap  dd ul li,   {
  list-style:none;
  margin:3px 0px;
  

}


.fixCenter{

margin-left:auto; 
margin-right:auto; 
_width:100%;  
 
text-align:center;
}
/**** STYLES FOR INPUT BOXES AND OUTPUT BOXES ***
  break these up more if need be
*/
.inputBox, .outputBox, .formatBox  {
	padding:0px;
	border:#949599 1px solid;
    _width:350px; 
	max-width:750px;
	min-width:350px;
	 margin-left:auto; margin-right:auto;
  
}
/*.boxheader 
*/
.inputBox h3, .formatBox h3{
  background-color:#949599;
  color:#FFF;
  font-size:130%;
  padding:0px;
  border-bottom: 1px solid black;
  margin:0px;
 
  
}
.inputBox p ,.outputBox p, formatBox p {
   font-size: 80%;
   text-align:right;
}

.outputBox h3 {
  background-color:#888888;
  color:#FFF;
  font-size:130%;
  padding:3px;
  border-bottom: 1px solid black;
  margin:0px;
  text-align:center;
}

