/* Column caption */
.CAPTION         { background-color:#27bf96 ; font-weight:bold; color: #DDEEFF;    }
.CAPTION2         { background-color:#27bf96 ; font-weight:bold; color: #88CCFF;  }

/* GRADIENT caption styles */
/* H1 level caption        */
/* H3 level caption        */

/* 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: #27bf96; text-decoration: underline; cursor: hand; }
A:HOVER          { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: #00659C; 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:#009eff; }

.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;   }

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: 16pt;
	font-weight: bold;
	margin-bottom: .25em;
	color:#27bf96;
}
h2               { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 10pt; font-weight: bold; }

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 **/
.headerbtn
{
	display:inline;
	width:80px;
	height:16px;
	text-align:center;
	margin-left:2px;
}
.headerbtn a { color: #000; text-decoration:none; }
.headerbtn a:visited { color: #000; }
.headerbtn a:hover {color: #fff; }

.btn
{
	display:inline;
	width:45px;
	height:16px;
	text-align:center;
	background-color:#27bf96;
	margin-left:2px;
	border: solid 1px #27bf96;
	padding:4px;
	color:#fff;
}

.btn_narrow
{
	display:inline;
	width:45px;
	height:16px;
	text-align:center;
	background-color:#27bf96;
	margin-left:2px;
	border: solid 1px #27bf96;
	padding:4px;
	color:#fff;
}
.btn_narrow a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.btn_noneaction
{
	display:inline;
	width:45px;
	height:16px;
	text-align:center;
	background-color:#4b4b4b;
	margin-left:2px;
	border: solid 1px #2a2a2a;
	padding:4px;
	color:#fff;
}
.btn_noneaction a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/** 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:#fff;
	text-decoration:none;
	font-weight:bold; }
.btn a:visited { color: Gray; }
.btn 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
{
	background-image: url(arrow.gif);
	background-repeat:no-repeat;
	cursor:hand;
	width:12px;
	height:12px;
	
}



div#logo
{
	position:relative;
	width:915px;
	height:290px;
	color:#f0f0c0;
	background-image: url(images/banner.jpg);
	background-repeat:no-repeat;

}

div#buttonbar
{
	width:100%;
	background-color:#09a0bb;
	padding:04px;
	margin-left:18px;
}

div#menulinks
{
	position:relative;
	width:100%;
	margin:0px;
	height:20px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#CCCCCC;
	border-bottom: solid 1px #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:Arial;
	font-size: small;
}

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

.pulldownmenu a
{
	font-family:Arial;
	font-size: small;
	color:white;
	text-decoration: none;
}
.pulldownmenu a:hover
{
	color:white;
}

.MyAccountLinks a
{
	font-size:small;
	color:#fff;
	text-decoration:none;
	margin-right:20px;
}

.MyAccountLinks a:hover
{
	font-size:small;
	color:#27bf96;
	text-decoration:none;
	
}



/*
* menusearchbar contains a dropdownmenu and a right-justified "search" box.
* See Header2.ascx for an example
*/
div#menusearchbar
{
	background-color:#CCCCCC;
	height:41px;
	padding-left:07px;
	background-image:url(images/toolbarbg.jpg);
	background-repeat:repeat-x;
}

/*
* dropdownmenu is contained in a menusearchbar
*/
div#dropdownmenu
{
    margin-left:0px;
	z-index:2
}

div#dropdownmenu td
{
	padding:6px 0px 0px 0px;
}
div#dropdownmenu td a
{
	color:#000;
	padding:12px 05px 16px 8px;
	border-left:1px solid black;
	font-weight:bold;
}
/*** Positioning                  ***/
body             
{ 
	width: 100%;
	font-family: Arial; font-size: 8pt; 
	background-color: #09a0bb;
	padding: 0px;
	height:100%;
}
.strangebg {background:url(images/strangebg.gif) repeat-y top left;}
#Container 
{
	padding:0px;
	width:918px;
	height:100%;
	margin:0px auto;
	text-align:left;	
	background-color:#fff;
}
.headerimg{margin-left:6px;}
.bar{background:url(images/bar.gif) repeat-y top left;}
.vbar{background:url(images/vbar.gif) repeat-x top left; height:08px; width:100%; margin:0px; padding:0px;}
.sidebar{background:#09a0bb url(images/sidebg.gif) repeat-x top left; padding-left:10px; padding-top:10px; height:100%;}
.stage{background:#09a0bb url(images/sidebg.gif) repeat-x top left; padding-right:15px; padding-top:0px;}
.bstage{background:url(images/stagebg.gif) repeat-y top right;}
div#TopNav
{
	position:relative;
	width:100%;
	height:auto;
	padding:0px;
	/**background-color:#7E2D2B; /*#003366;*/
	background-color:White;
}

div#ContentArea
{
	width:641px;
	min-height:410px;
	margin-left:30px;
	margin-top:20px;
	padding-top: 0px;
	z-index:-1;
	background-color:White;
}



td#SiteMap
{
    margin:0px;
	width:274px;
	min-height:415px;
	background:#009eff url(images/side_background_repeat.jpg) repeat-y top right;
	background-repeat:repeat-y;
	height:100%;
}

div#HomePage
{
	margin-top:20px;
	margin-bottom:20px;
}	

div#Footer
{
	position:relative;
	margin-right:0px;
	width:893px;
	height:61px;
	z-index:2;
	padding:0px;
	background:url('images/footer_background_repeat.png') repeat-x 0px 0px;	
	float:left;
	text-align:center;
}


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;
}