/* Column caption */
.CAPTION         { background-color:#e4e4e4 ; font-weight:bold; color: #4b4b4b;    }
.CAPTION2         { background-color:#e4e4e4 ; font-weight:bold; color: #4b4b4b;  }

/* GRADIENT caption styles */
/* H1 level caption        */
.GRADIENT1 {	PADDING-RIGHT:5px; PADDING-LEFT:5px; Z-INDEX:101; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C04489AA', EndColorStr='#FFFFFFFF') progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#C04489AA,strength=8); LEFT:0px; PADDING-BOTTOM:5px; FONT:bold 11pt verdana; WIDTH:105%; COLOR:white; PADDING-TOP:5px; TOP:0px; HEIGHT:32px;	}
/* H2 level caption        */
.GRADIENT2 {	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C0CCCCCC', EndColorStr='#FFFFFFFF') progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#C0CCCCCC,strength=8);  LEFT:5px; PADDING-LEFT: 5px; PADDING-BOTTOM:5px; FONT:bold 11pt arial; WIDTH:105%; COLOR:#777777; TOP:0px; HEIGHT:16px;	}
/* H3 level caption        */
/* .GRADIENT3 {	PADDING-RIGHT:0px; PADDING-LEFT:175px; Z-INDEX:101; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#DDEEFF', EndColorStr='#4488AA'); LEFT:0px; PADDING-BOTTOM:0px; FONT:bold 11pt verdana; COLOR:white; HEIGHT:120px;} */
.GRADIENT3 {	background-image:url(../../images/dynamic/GradientLine.aspx?width=1200&height=1&Color1=0xDDEEFF&Color2=0x4488AA&cache=true); 	PADDING-RIGHT:0px; PADDING-LEFT:5px; Z-INDEX:101; LEFT:0px; PADDING-BOTTOM:0px; FONT:bold 11pt verdana; COLOR:Black; HEIGHT:120px;  }

/* Form Labels */
.LABEL           { color: Black; font-size: 8pt; font-weight:bold ;}
.LINKBARFONT     { color: #DDEEFF; font-size: 10pt; font-weight:bold ;}
/* Attention getting */
.ALERT           { color: Red; font-size: 10pt; }
.TITLE			 { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 16pt; }

INPUT            { font-size: 8pt; height:auto; }
SELECT           { font-size: 8pt; height:auto; }
SELECT.UOM	 { font-size: 8pt; height:auto; width:120px;}

/* PARAGRAPH TAG */
P                { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }
.LISTPRICE      { font-family: Verdana ; font-size: 8pt; text-decoration:line-through ;}


.STANDARD    { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }
.FOOTER      { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }
.HEADER      { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 11pt; }
.SMALL       { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }

.OUTLINED { BORDER-STYLE: solid; BORDER-WIDTH:1; }
	
TD               { font-family: VERDANA,HELVETICA,ARIAL; font-size: 8pt; }
/** Images for the TabStrip control **/
.TABSELECTED		{ background-image:url(tabFocus.jpg); width:144; font-weight:bold; }
.TABNORMAL			{ background-image:url(tab.jpg); width:144; }

/* HYPERLINKS */
A                { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: #002244; text-decoration: underline; cursor: hand; }
A:HOVER          { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 10px; color: #4b4b4b; text-decoration: underline; cursor: hand;}
.CAPTION A       {  font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand; }
.CAPTION A:HOVER { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand;}
.CAPTION A:VISITED {  font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand; }


.LINKBAR	{ background-color:#4488AA; }

.TOOLBAR     { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; background-color:#AABBCC; color:Black  }

.LEFTCOL	 { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; background-color:#DDEEFF; color:Black  }
.RIGHTCOL		 { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; background-color:White; color:Black ;  }
/** Odd/Even row background colours **/
.EVEN			{ background-color:#D0E0FF }
.ODD			{ background-color:#DDEEFF }

.SMALLBOLD { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; font-weight:bold }
/** skmMenu styles **/
.MENUITEM      { background-color:#669966;  color:black;    }
.MENUITEMHOVER { background-color:#669966;  color:red;   }
.TOPMENUITEM   { background-color:#669966;  color:black;  font-weight:bold;   }


.blocktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

/** Extended description div on product detail page **/
.ExtendedDescription
{
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	padding: 10px;
	width: 75%;
}

.AddressForm .CAPTION
{
	height:24px;
}

.AddressForm input
{
	margin-bottom: -3px;
}

/* HEADING TAGS */
h1
{
	font-family: 'Comic Sans MS' , VERDANA, HELVETICA, ARIAL, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: .25em;
}
h2               { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 10pt; font-weight: bold; }

/** Color **/
h1
{
	color: Gray;
}
h2  { color: Gray; }

div#Features .subtitle		    
{ 
	font-family: VERDANA, HELVETICA, ARIAL, sans-serif;
	font-size: 12pt; 
	font-weight: bold; 
	color: #2C7CCB;
}

.buttongroup
{
	clear:both;
}

/** use background color instead of image for btn divs **/
.btn
{
	display:inline;
	width:80px;
	height:16px;
	text-align:center;
	background-color:#EEEECA;
	margin-left:2px;
	border: solid 2px #c0c0c0;
}

.btn_narrow
{
	display:inline;
	width:45px;
	height:16px;
	text-align:center;
	background-color:#EEEECA;
	margin-left:2px;
	border: solid 2px #c0c0c0;
	padding:2px;
}

/** Uses background image for btn divs **/
.btn_img
{
	display:inline-block;
	width:85px;
	height:24px;
	text-align:center;
	background-image:url(images/wide_button.png);
	background-repeat:no-repeat;
	margin-left:2px;
}

.btn_narrow_img
{
	float:left;
	width:51px;
	height:24px;
	text-align:center;
	background-image:url(images/narrow_button.png);
	background-repeat:no-repeat;
	margin-left:2px;
	vertical-align:middle;
}



/** Links contained in btn div's **/
.btn a { color: Gray; text-decoration:none; }
.btn a:visited { color: Gray; }
.btn a:hover {color: Red; }

.btn_narrow a { color: Gray;  text-decoration:none; }
.btn_narrow a:visited { color: Gray; }
.btn_narrow a:hover {color: Red; }

.menulink a { color: #f0f0f0; text-decoration:none; }
.menulink a:visited { color: #f0f0f0; }
.menulink a:hover {color: Yellow }

.menulink
{
	float:left;
	width:72px;
	height:16px;
	text-align:center;
	
	font-family:Comic Sans MS;
	font-weight: bold;
	color:#f0f0f0;
	margin-left:0px;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	padding-left:2px;
	padding-right:2px;
}

div#search-controls
{
	position:relative;

}

div#search
{
	position:absolute;
	top:3px;
	right:30px;
	z-index:1;
}

div#go_btn
{
	position:absolute;
	bottom:3px;
	right:3px;
	background-image: url(arrow.gif);
	background-repeat:no-repeat;
	cursor:hand;
	width:12px;
	height:12px;
	
}



div#logo
{
	position:relative;
	height:53px;
	width:400px;
	color:#f0f0c0;
	font-family:Comic Sans MS;
	font-size:18pt;
	font-weight:bold;
	margin-left:10px;
	
/*	background-image: url(acmelogo.png);
	background-repeat:no-repeat;
*/
}

div#buttonbar
{
	position:absolute;
	top:0px;
	right:200px;
	width:50%;
	height:20px;
	padding:3px;
	z-index:2;
}

div#menulinks
{
	position:relative;
	width:100%;
	margin:0px;
	height:20px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#2C7CCB;
	border-bottom: solid 3px #AA0505;
}

.pulldownmenulink td
{
	color: White;
	padding-left:0px;
	padding-right:0px;
}
.pulldownmenulink table
{
	background-color:#F0F0C0;
	padding:1px;
}

.pulldownmenulink a
{
	margin-left:8px;
	margin-right:8px;
	font-family:Comic Sans MS;
	font-size: small;
}

.pulldownmenu
{
	color: White;
	font-family:m
	z-index:5;
	background-color:Transparent;
}

.pulldownmenu a
{
	font-family:Comic Sans MS;
	font-size: small;
	color:white;
	text-decoration: none;
}
.pulldownmenu a:hover
{
	color:white;
	background-color: #c0c0f0;
}


/*
* menusearchbar contains a dropdownmenu and a right-justified "search" box.
* See Header2.ascx for an example
*/
div#menusearchbar
{
	position:relative;
	width:100%;
	background-color:#2C7CCB;
	height:32px;
	border-bottom: solid 3px maroon;
}

/*
* dropdownmenu is contained in a menusearchbar
*/
div#dropdownmenu
{
	position:absolute;
	left:10px;
	top:3px;
	z-index:2
}

div#dropdownmenu td
{
	padding:2px 5px 2px 5px;
}

/*** Positioning                  ***/
body             
{ 
	width:100%;
	font-family:Arial; font-size: 8pt; 
	background-color:#f0f0ff;
	position:relative;
	padding:0px;
}

#Container 
{
	position:relative;
	padding:0px;
	background-color:#bdd3e9;
	width:860px;
	height:auto;
	margin:0px auto;
	text-align:left;	
	min-height:600px;
}

div#TopNav
{
	position:relative;
	width:100%;
	height:auto;
	padding:0px;
	/**background-color:#7E2D2B; /*#003366;*/
	background-color:White;
	background-image:url(../../images/dynamic/GradientLine.aspx?height=1&width=600&Color1=0x7E2D2B&Color2=0xFFFFFF);
	background-repeat:repeat-y;
}

div#ContentArea
{
	margin-left:20%;
	width:684px;
	min-height:400px;
	padding-left: 3px;
	padding-top: 3px;
	z-index:-1;
	background-color:White;
}



div#SiteMap
{
	position:relative;
	background-color:#BDD3E9;
	float:left;
	width:20%;
	min-height:400px;
/*
	background-image:url(../../images/dynamic/GradientLine.aspx?height=400&width=1&Color1=0x7E2D2B&Color2=0xFFFFFF);
	background-repeat:repeat-x;
*/	
}

div#Footer
{
	position:relative;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	height:290px;
	z-index:2;
	padding:0px;
}


div#Features
{
	float:left;
	background-color: #BDD3E9;
	width:21%;
	border-top: solid 3px #AA0505;
	margin: 0px;
	height:100%;
	text-align:center;
	padding: 2%;
}



div#News
{
	float:left;
	background-color: #64A9EE;
	width:31%;
	border-top: solid 3px #AA0505;
	margin-left:0px;
	margin-right:0px;
	min-height:100%;
	padding:2%;
}

div#News h2
{
	font-family: font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt;color:White;
}
div#News
{
	font-family: font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt;color:White;	
}

div#About
{
	float:left;
	background-color: #2C7CCB;
	width:36%;
	border-top: solid 3px #AA0505;
	margin-left:0px;
	margin-right:0px;
	height:100%;
	padding:2%;
}

/*
* Style for the "Searching..." message that appears to popup just below the SEARCH box
*/
div#pleaseWait
{
	color:red;
	clear:both;
	background-color:#F7F2F2;	
}

div.adminmenulink
{
	margin-top:5px;
}
.errorfeedback
{
	padding:5px;
	background-color:#f0c0c0;
	color:Black;
}

.feedback
{
	padding:5px;
	background-color:#c0f0c0;
	color:Black;
}