 
#orderform, #checkout {
	width:100%;
	border-collapse: collapse;
	}

#orderform th, #checkout th { background:#f0f0f0; border:1px #ccc solid; font-weight:bold; color: #000; padding:5px; white-space:nowrap; text-align:center   }
#orderform td, #checkout td { border:1px #ccc solid; text-align:center; padding:2px 7px; 
}

#checkout table td{
	border:none;
	text-align:left;
	}

input.checkout {
	background:url(/images/btn_submit.jpg);
	width:134px;
	height:36px;
	color:#fff;
	text-transform:uppercase;
	border:0;
	padding-left:20px;
	}
	
	

.CAPTION2         { background-color:#e4e5e7; font-weight:bold; color: #000000;  }

/* 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 */
.errorfeedback,		.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: 12px; }
.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; }
	

/** 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; color: #002244; text-decoration: underline; cursor: hand; }
A:HOVER          { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; color: #00659C; text-decoration: underline; cursor: hand;}
.CAPTION A       {  font-family: VERDANA, HELVETICA, ARIAL,sans-serif; color: White; text-decoration: underline; cursor: hand; }
.CAPTION A:HOVER { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; color: White; text-decoration: underline; cursor: hand;}
.CAPTION A:VISITED {  font-family: VERDANA, HELVETICA, ARIAL,sans-serif; 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:#f1f2f4; }
.ODD			{ background-color:#ffffff; }

.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
{
	background:url(../../images/headers.gif) no-repeat;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	width:225px;
	padding:6px 10px 6px 40px;
	margin:20px 0 15px 20px;
}
.homeheader
{
	margin:10px 0 0 20px;
}
h2  { color: #D81F2E;
	font-size:20px;
	font-weight:normal;
	
	 }
h3 {
	font-size:13px;
	}
h4
{
	background:url(../../images/headers.gif) no-repeat;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	width:225px;
	padding:6px 10px 6px 40px;
	margin:5px 0 5px 0;
}
.headerbig  { color: #D81F2E;
	font-size:33px;
	font-weight:bold;
	
	 }	

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 a, a.btn, .btn a:hover
{
background:url(/images/btn_login.gif); 
display:block; 
width:69px; 
height:21px;
cursor:pointer;
color:#fff;
font-size:13px;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:20px;
}

.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_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-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-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-size: small;
}

.pulldownmenu
{
	color: White;
	background-color:Transparent;
}

.pulldownmenu a
{
	
	font-size: small;
	color:white;
	text-decoration: none;
}
.pulldownmenu a:hover
{
	color:white;
	background-color: #c0c0f0;
}

.MyAccountLinks a
{
	font-size:small;
	color:Black;
	text-decoration:none;
	margin-right:20px;
}

.MyAccountLinks a:hover
{
	
	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:10
}

div#dropdownmenu td
{
	padding:2px 5px 2px 5px;
}

/*** Positioning                  ***/
body             
{ 
	width:100%;
	font-family:Verdana, Arial; font-size: 11px; 
	background-color:black;
	position:relative;
	padding:0px;
	color:White;
	margin:15px auto;
}

#Container 
{
	position:relative;
	padding:0px;
	background-color:black;
	width:950px;
	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#topLinks,
div#topLinks a
{
	text-align:right;
	color:White;
	font-weight:bold;
	text-decoration:none;
}
div#HeaderMainLinks {
	position:relative;
	z-index:20;
	}

div#HeaderMainLinks a
{
	text-align:center;
	font-size:medium;
	color:White;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	display:inline-block;
	padding:1px 45px;
	cursor:pointer;
		 
} 

div#HeaderMainLinks  ul {
	position:absolute;
	background:#000;
	list-style:none;
	border-bottom:#A90B25 2px solid;
	border-top:#000 8px solid;
	top:27px;
	*top:31px;
	margin:0;
	padding:0;
	display:none;

}
body:first-of-type div#HeaderMainLinks  ul {
	top:30px;
	}  
div#HeaderMainLinks ul li a {
	padding:5px 30px;
	display:block;
	width: 160px;
	text-align:left;
	border-left:#C50D2B 2px solid;
	border-right:#C50D2B 2px solid;
	border-bottom:#666 solid 1px;
	}
div#HeaderMainLinks ul li a:hover {
	background:#D2D9E1;
	color:#000;
	}

div#myAccountLinks
{
	background-color:#CCCCCC;
	text-align:right;
	color:black;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
}
div#myAccountWelcome
{
	background-color:#CCCCCC;
	text-align:left;
	color:black;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	float:left;
	padding:10px;
}
div#pgCaption 
{
	padding: 7px;
	background-color: #e33a41;
	text-transform:uppercase;
	color:White;
	width:660px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

div#myAccountLinks a
{
	 background-color:#CCCCCC;
	text-align:center;
	color:black;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
div#myAccountLinks a.pageselected
{
	color:#e33a41;
}


div#ContentArea
{
	padding-left:5px;
	width:945px;
	min-height:600px;
	background-color:White;
	color:Black;
}

div#ContentAreaCategory
{
	width:950px;
	min-height:600px;
	background-color:White;
	color:Black;
}
table#CatTable
{
	padding-top:0px;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	width:950px;
	min-height:600px;
	border-collapse:collapse;
}
div#CategoryLeft
{
	min-height:600px;
}
td#TDCategoryLeft
{
	width:220px;
	text-align:left;
	vertical-align:top;
	background:url(../images/leftnavBack.GIF);
	background-repeat:repeat-y;
}
td#tdCategoryContent
{
	padding-top:5px;
}

div#ProductRight
{
	width:150px;
}


div#wordSearch
{
	position:relative;
	background-image:url(../images/searchback.GIF);
	background-repeat:no-repeat;
	width:200px;
	height:37px;
	text-align:center;
	padding-top:6px;
}
div#go_searchbtn
{
	position:absolute;
	background-image: url(../images/search.GIF);
	background-repeat:no-repeat;
	cursor:hand;
	width:28px;
	height:23px;
	
}

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;
*/	
}
ul.sideproducts li a.selectedcategoryimg
{
	background:#3A3A3C url(../images/SelectedCategoryIcon.jpg) no-repeat;
	width:148px;
	color:#fff;
	text-transform:uppercase;
	padding:5px 9px 5px 40px;
	border:none;
	margin:0;
	font-size:12px;
}

div#Footer
{
	margin-left:0px;
	margin-right:0px;
	width:100%;
	padding:0px;
	text-align:center;
	color: White;
}
div#Footer a 
{
	color:White;
	font-weight:bold;
	text-decoration:none;
}


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;

}

a.tabselected
{
	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;
  font-weight: bold;
   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;
}


.descriptions
{
	font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 11px;color:#000000; line-height: 14px;
}

.productname
{
	font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 18px;color:#000000; font-weight:bold; line-height: 22px;
}
.graybox
{
	font-family: VERDANA, HELVETICA, ARIAL,sans-serif; 
	font-size: 18px;
	color:#e33841; 
	font-weight:bold; 
	line-height: 24px;
	background-color: #f4f4f6;
	padding: 20px;
	text-align: left;
}
.producttext
{
	font-family: VERDANA, HELVETICA, ARIAL,sans-serif; 
	font-size: 12px;
	color:#000000; 
	font-weight:normal; 
	line-height: 18px;
	text-align: left;
}
.redheader
{	padding: 7px;
	background-color: #e33a41;
	color:White;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}
.allproductsselected a{
	font-weight: bold;
	text-decoration: none;
}


.date-pick { margin-right: 2px }

div#ui-datepicker-div .ui-datepicker-calendar {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-datepicker-title {background-color:#c36615; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div a {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div a:hover {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-icon ui-icon-circle-triangle-w {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-icon ui-icon-circle-triangle-e {background-color:#f0f0f0; border:solid 1px black; color:Black;}

div#ui-datepicker-div .ui-datepicker-title {font-weight:bold;}

