/* Color attributes that have been commented out are being scripted 
   dynamically from database values being scripted as additional
   class definitions in uc_styles.aspx.cs.*/


/* General */

body, .bodytext, div, p, label, table, td, th, ol, ul, input, select, textarea, .button {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
	font-size: 11px;	
}
body {
	background-color: #FFFFFF;
	margin: 10px;
	text-align: left;
}
b, strong	{font-weight: bold;}
i, em 		{font-style: italic;}
li			{list-style-image: url(../images/arrow.gif)}

.links, .links:active, .links:hover, .links:visited, .links:link  {
	/*color:		#0060A1;*/
	font-size:	1em;
	cursor:hand;
}
.links:active,.links:hover 	{/*color: #00008B;*/}

.linksHover
{
   /* color: #00008B;*/
	font-size:	1em;
	cursor:hand;
}

a {
	/*color:				#0060A1;*/
	font-size:          1em;
	text-decoration:    none;
}

a:active, a:hover {
   /* color: #00008B;*/
}
.active {
	cursor: pointer;
	cursor:	hand;
}

/* Universal Page Elements */

.pageBanner {
	font-size:	9px;
	color:		#666666;
}
.pageHomeBanner {
	background-image: url(../images/KRES_home.jpg);
	background-repeat: repeat-x;
	width: 100%;
}
.pageHeaderBar,.pageBreadcrumb {
	/*background-color: #0060A1;*/
	/*border-top: 1px outset #0060A1;*/  /*#67A8D4*/
	/*border-bottom: 1px outset #0060A1;*/ /*#00395F*/
	/*color: #FFFFFF;*/
	height: 19px;
	font-weight: normal;
	padding: 0px;
	padding-left: 5px;
	width: 100%;
	text-align: left;
	font-weight: bold;

}
.pageBreadcrumb, .pageBreadcrumb a, .pageBreadcrumb a:active, .pageBreadcrumb a:hover, .pageBreadcrumb a:visited, .pageBreadcrumb a:link {
	/*color: #DBEAF5;*/
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 9px;
	text-align: left;
	vertical-align: middle;
}
.pageBreadcrumb a:active, .pageBreadcrumb a:hover  {
	color: #FFFFFF;
}
.pageLeftNav {
	background-color: #FFFFFF;
	height: 100%;
	text-align:	center;
}
.pageRightCol {
    /*background-color: #FBFAEC;*/
	width: 166px;
	height: 100%;
	text-align:	center;
	padding: 3px;
	vertical-align: top;
}
.pageMenuHeading {
	/*background-color: #EEEECC;*/
    font-size: 10px;
    padding: 3px;
    text-align: center;    
}
.pageMenuSpacer {
	height: 2px;
	padding: 0px;
}
.pageMenu {
	/*background-color: #0060A1;*/
	/*border: 1px solid #0060A1;*/
	/*color: #FFFFFF;*/
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	height:	23px;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	cursor: pointer;
	cursor:	hand;
}
.pageMenuOn  {
	/*background-color: #EEEECC;*/
	/*border: 1px outset #EEEECC;*/
	/*color: #00008B;*/
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	height:	23px;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	cursor: pointer;
	cursor:	hand;
}
.pageLineHoriz {
	background-image: url(../images/line_horiz.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
}
.pageBody {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
.pageTitle {
	/*color: #9A0166;*/
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
}
.pageSubTitle {
	/*color: #9A0166;*/
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
}
.pageFooterBar {
	/*background-color: #0060A1;*/
	/*border-top: 1px outset #0060A1;*/  /*#67A8D4*/
	/*border-bottom: 1px outset #0060A1;*/ /*#00395F*/
	height: 5px;
	padding: 0px;
	width: 100%;
}
.pageFooter {
	/*color: #0060A1;*/
	background-color: #FFFFFF;
	height: 18px;
	font-size: .9em;
}
.pageFooter a, .pageFooter a:visited, .pageFooter a:link {
	/*color: #0060A1;*/
	font-weight: normal;
}
.pageFooter a:active, .pageFooter a:hover {
	/*color: #00008B;*/
	font-weight: normal;
}
.pageFooterSubsidiary, .pageFooterSubsidiary a, .pageFooterSubsidiary a:visited, .pageFooterSubsidiary a:link,.pageFooterSubsidiary a:active, .pageFooterSubsidiary a:hover {
	color:			#999999;
	font-size:      10px;
	text-align:		right;
}
.pageFooterSubsidiary a, .pageFooterSubsidiary a:visited, .pageFooterSubsidiary a:link,.pageFooterSubsidiary a:active, .pageFooterSubsidiary a:hover {
	font-weight: bold;
	text-decoration: none;	
}

/* Table - Datagrid */

.grid {
	/*background-color: #FBFAEC;*/
	/*border: 1px outset #FBFAEC;*/
}
.gridHeader {
	/*background-color: #0060A1;*/
	/*border-top: 1px outset #0060A1;*/
	/*border-bottom: 1px solid #0060A1;*/
	/*color: #FFFFFF;*/
	height: 20px;
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	text-align: center;
}
.gridHeader a 			{color: #FFFFFF; text-decoration:underline; cursor: hand;}
.gridHeader a:link		{color: #FFFFFF;}
.gridHeader a:visited	{color: #FFFFFF;}
.gridHeader a:active	{color: #FFFFFF;}
.gridHeader a:hover 	{color: #FFFFFF;} 
.gridSubheader, .gridSubheaderSort {
	/*background-color: #EEEECC;*/
	/*color: #00008B;*/
	font-weight: bold;
	padding: 2px;
	text-align: left;
	vertical-align: bottom;
}
.gridSubheaderSort {
	cursor: pointer;
	cursor: hand;
}
gridSubheaderSort a, .gridSubheaderSort a:link, .gridSubheaderSort a:visited, .gridSubheaderSort a:active, .gridSubheaderSort a:hover {
	/*color: #0060A1;*/
	font-weight: bold;
	text-decoration: none;
}
.gridSubheaderSort a:active, .gridSubheaderSort a:hover {
	/*color: #00008B;*/
}
.gridRow		{background-color: #FFFFFF;} 
.gridRowAlt 	{
	/*background-color: #F6F6F2;*/
}


/* Boxes - content */

.box {
	width: 98%;	
}
.boxHeader {
	/*background-color: #0060A1;*/
	/*color: #FFFFFF;*/
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
	padding-left: 2px;
	text-align: center;
	width: 100%;
}
.boxHeaderLeft	{/*background: transparent url(../images/corner_lft_blue.gif) no-repeat left top;*/width: 13px;}
.boxHeaderRight {/*background: transparent url(../images/corner_rt_blue.gif) no-repeat right top;*/width: 13px;}

.boxBody {
	/*background-color: #EEEECC;*/
	/*border: 1px outset #EEEECC;*/
	padding: 2px;
	text-align: center;	
}
.boxLabel {
  /* color: #00008B;*/
   background-color: transparent;	
   text-align: left;
   padding: 2px;
   font-weight: bold;
}
.boxItem {
   /*color:  #0060A1;*/
   background-color: transparent;	
   text-align: left;
   padding: 2px;
}


/* Table - Form */

select, textarea, .input, .formItem {
   	/*border: 1px inset #EEEECC;*/
	color: #0060A1;
}
.form {
	/*background-color: #FBFAEC;*/
	/*border: 1px outset #FBFAEC;*/
	/*padding: 2px;*/
}
.formHeader {
	/*background-color: #0060A1;*/
	/*color: #FFFFFF;*/
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	padding-left: 5px;
	text-align: center;
}
.formHeader a, .formHeader a:link, .formHeader a:visited, .formHeader a:active, .formHeader a:hover	{color: #FFFFFF;}

.formSubheader {
	/*background-color: #EEEECC;*/
	/*color: #00008B;*/
	font-size: 1em;	
	font-weight: bold;
	padding: 3px;
	text-align: center;
}
.formBody {
	padding: 10px;
	text-align: center;	
}
.formLabel {
   /*background-color: #EEEECC;*/	
   /*color: #00008B;*/
   text-align: right;
   padding: 2px;
   font-weight: bold;
}
.formItem {
   /*color:  #0060A1;*/
   background-color: #FFFFFF;	
   text-align: left;
   padding: 1px;
}
.formFooter {
	font-weight: bold;
	padding: 2px;
	text-align: right;
}
.button {
	/*color: #0060A1;*/
	background-image: url(../images/gradient2.gif); 
	background-color: #EEEEEE;
	border: 1px outset;
	font-weight: bold;
	overflow: visible;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
	cursor: hand;
}
.radio {
	white-space:nowrap;	
}

/* Text Elements */

.textInstruct {
	/*color: green;*/
	font-weight: normal;
	font-size: .9em;
	font-weight: normal;
	/*font-style: italic;*/
}
.textPrice {
	/*color: #00008B;*/
	font-weight: bold;
}
.textRed {
	color: #AA0033;
}
.textError {
	font-weight: bold;
	color: #AA0033;
}
.textSmall {
	font-size: .8em;
}
.textRequired {
	/*color: #9A0166;*/
	font-weight: bold;
}
.textLabel {
	/*color: 	 #0060A1;*/
	font-size: 1.1em;
	font-weight: bold;
}

.ValidationSummary {
	font-size: 12px;
	font-weight: bold
}

.cartNameColumnWidth {
	height: 10;
	width: 200px;
}
.cartQuantityColumnWidth {
	height: 10;
	width: 10px;
	text-align: center;
}
.cartPriceColumnWidth {
	height: 10;
	width: 20px;
}
.cartDeleteColumnWidth {
	width: 5px;
	height: 10;
	text-align: center;
	color: #AA0033; 
}
.popupLink
{
	text-decoration: underline;
	cursor: pointer;
	cursor:	hand;
}