/* Column caption */
.CAPTION         { background-color:#666666 ; font-weight:bold; color: #000;    }
.CAPTION2         { background-color:#ffffff ; font-weight:bold; color: #000;  }

.BtnCAPTION         { background-color:#000000 ; font-weight:bold; color: #ffffff;    }
.BtnCAPTION2         { background-color:#ffffff ; font-weight:bold; color: #000;  }
/* 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; background-image:url(images/headerbg.jpg); background-position:right; background-repeat:repeat-y;}
.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: 8pt; color: #FF7F00; 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: #FF7F00; 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:#f0f0f0 }
.ODD			{ background-color:#e0e0e0 }

.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:#FF7F00;   }
.TOPMENUITEM   { background-color:#669966;  color:black;  font-weight:bold;   }

div.scrollable
{
	overflow:auto;
}

.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: VERDANA, HELVETICA, ARIAL, sans-serif;
	font-size: 14pt;
	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
{
	color:#ffffff;
	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:#FF7F00;
	margin-left:2px;
	border: solid 2px #c0c0c0;
	padding:2px;
}

.btn_narrow2
{
	color:#FFFFFF;
	display:inline;
	width:45px;
	height:16px;
	text-align:center;
	background-color:#c0c0c0;
	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: #FF7F00; }

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

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

.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:300px;
	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;
}

.MyAccountLinks a
{
	font-family:Comic Sans MS;
	font-size:small;
	color:Black;
	text-decoration:none;
	margin-right:20px;
}

.MyAccountLinks a:hover
{
	font-family:Comic Sans MS;
	font-size:small;
	color:Black;
	text-decoration:none;
	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:#FFF;
	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;
}

a.tab
{
	white-space:nowrap;
  display:block;
  background:url("images/tabs/right.gif") no-repeat;
  background-position: right top;
  padding:4px 15px 4px 6px;
  text-decoration:none;
   position:relative;
   top: -3px;

}
table.tab
{
	border: none;
	background-color:#CDC7AD;
}
.tab td
{
  background:url("images/tabs/left.gif") no-repeat left top;
  
  margin:0px;
  padding: 0px 0px 0px 4px;
  height:20px;
}

span.EyeButton 
{
/*
    background:url('images/EyeButtonLeft.gif') no-repeat left;
    padding:05px;
    padding-top:06px;
    padding-left:11px;
    line-height:30px;
*/
    font-size:1em;
}
a.EyeButton 
{
/*
    background-image:url();
    background:url('images/EyeButtonRight.gif') no-repeat right;
    padding:05px;
    padding-right:14px;
    line-height:30px;
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    font-size:1.3em;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
*/
color:#fff;
}

.BlackEyeButton 
{
/*
    background:url('images/BlackEyeButtonLeft.gif') no-repeat left;
    padding:05px;
    padding-top:06px;
    padding-left:11px;
    line-height:28px;
*/
}
span.BlackEyeButton a.EyeButton 
{
/*
    background-image:url();
    background:url('images/blackEyeButtonRight.gif') no-repeat right;
    padding:05px;
    padding-right:14px;
    line-height:28px;
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    font-size:1.3em;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
*/
}
.welcome 
{
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    font-size:1.2em;
    font-weight:bold;
    color:#221e1f;
}
.welcomename
{
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    font-size:1.2em;
    font-weight:bold;
    color:#87898c;
}
.leftFooter 
{
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    font-size:1.2em;
    color:#fff;
    margin-left:10px;
}

#liquid-round {
width:70%;
margin:0px auto;
background:#fff url('images/rounded/leftside.gif') repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url('images/rounded/top.gif') no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url('images/rounded/top-right.gif') no-repeat right top;
}
.center-content {
position:relative;
background:url('images/rounded/rightside.gif') repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url('images/rounded/bottom.gif') no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url('images/rounded/bottom-right.gif') no-repeat right top;
}