body
{
	margin:0px 0px 0px 0px;
	background-image: URL(./images/background.jpg);
 background-repeat:inherit;
color: #000000;
font-family:Arial;
	
	
}

.logonew
{
	background-color: #ffffff;
	width: 100%;
	height: 170px;
	padding: 8px 0 0 0;
	}
a
{
	color: #ffffff;
}
.wrapper

{

}
#top
{
	width: 987px;
	height:50px;
}

.header1
{

	
	
	padding: 20px 0 0 8px;
	

}

.header2
{
	
	
	font-family:verdana, Arial Times, New Roman;
	text-decoration: bold;
	font-size:9pt;
	color: #ffffff;
	

	
	}



.header2 A
{
	
padding:5px 5px 5px 5px;

	display: table;
	width: 100px;
	text-align: center;
	COLOR: #f78f1e; 
	FONT-FAMILY: arial,verdana, Times New Roman;
	text-decoration:none;
	font-size:11pt;
		
		
	

}

.header2 A:hover
{
	COLOR: #FFFFFF; 
	padding:5px 5px 5px 5px;
	FONT-FAMILY:  arial, verdana,Times New Roman;
	text-decoration: none;
	display: table;
	width: 100px;
	font-size:11pt;
		
	
	
	

}

	
.loginbox
{

	
	margin: 40px 0 0 0px;
	width:987px;
	height:200px;
	background-color:White;
	border: solid 1px #4c47a5;
	background-image: URL(./images/gradient.jpg);
}

.loginstrip
{
	height:inherit;
	color: #ffffff;
	font-family:Arial Times New Roman;
	font-size:10pt;
	 text-align:right;
	 padding: 30px 390px 20px 0;


	
}

.loginfo
{

	
	text-align: center;
	width: 700px;
	padding:20px 0 0 0px;
	Font-family:  arial;
	font-variant:small-caps;
	font-weight:bold;
	color: #000000;
}

#box
{

	
	margin: 20px 0 0 0px;
	width:987px;
	height:inherit;
	background-color:White;
	border: solid 1px #4c47a5;
	background-image: URL(./images/gradient.jpg);
	
}
#bar
{

	
	height:31px;
	background-color:#4c47a5;
	
	
	
	
}

#title
{

	 padding:7px 0 0 15px;
	 font-family:Arial;
	 font-weight:bold;
	 font-size:10pt;
	
	
	
	
	
}

#nav
{

	
	margin: 40px 0 0 0px;
	width:987px;
	height:inherit;
	background-color:White;
	border: solid 1px #4c47a5;
}

.fpagelines
{
	height: 25px;
	background-image: url(images/hdgradient.jpg);
	
}

.header3
{
	





}
.cssfrontpage
{
	letter-spacing: 1pt;
	padding: 0 40px 0 40px;
	border-bottom: groove 1pt #e4e4e4;
	border-right: groove 1pt #e4e4e4;
	font-size:14pt;
	font-family: Times Arial;


}


.catdl
{
	padding:8px 8px 0 0;
}
.catdl A
{
	text-decoration:none;
	color:#eb141b;
	font-family:Arial Times New Roman;
}
.content
{

	padding: 0 0 0 0;




}

.cat
{
	padding: 0 50px 0 50px;
color:#4c47a5;
	}
	
	.cat A{
	
color:#000000;
font-family:Arial;
 
 font-weight:bold;
	}
	
	.cat A:hover{
	
color:#4c47a5;
font-family:Arial;
 
 font-weight:bold;
	}
.content p
{

	margin:15px 15px 15px;

}

.content2
{

	height:100%;

}
	
.catheaders	
{
	font-family: Arial Times New Roman;
	color:#e4e4e4;
	font-size:10pt;
}


.itemdiv
{
	Margin:15px 15px 15px 15px;
	border: solid 1px #d4d9de;
	background-color:#ffffff;
	border: solid 1px #4c47a5;
}
.item_header
{
  
	height:35px;
	width: 250px;
	color:#ffffff;
	font-family: Arial, Times New Roman;
	font-size:11pt;
	background-color:#4c47a5;
	font-weight:bold;
}
.item_leadtime
{
  
	height:35px;
	width: 250px;
	color:#000000;
	font-family: Arial, Times New Roman;
	font-size:10pt;

	font-variant:small-caps;
}
.item_header a
{
	text-decoration: none;
	font-size: 14pt;
	color: #ffffff;
}
.itemimage
{
	padding: 10px 0 0 0;
	
	width: 250px;
	height: 270px;
}
.vsize
{



}
.hsize
{

}
.cssmaintable
{
	
	 
}
.cssspectable
{
	width:250px;
	height:100%;
	background-color:#ffffff;
	border: solid 1px #4c47a5;
	
}
.cssspecheader
{
	FONT-SIZE: 12pt; 
	COLOR: #ffffff; 
	FONT-FAMILY: 'Trebuchet MS', 'Times New Roman'; 
	TEXT-ALIGN: left; 
	font-weight:bold;
background-color:#4c47a5;
}
.cssspecdetail
{
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: 'Trebuchet MS', 'Times New Roman'; TEXT-ALIGN: left; border-bottom: dotted 1px e4e4e4;
}
.csstxtbox
{
	font-size: 8pt;
	width:30;
	text-align:center;
}
.itlacontentsc
{
	padding: 25px 25px 25px 25px;
	background-color:#000000;
	color:#ffffff;

}


.csssc
{
	FONT-FAMILY: 'Trebuchet MS', 'Times New Roman';
	font-size: 12px;
	font-weight:bold;
	padding:15px 15px 15px 15px;
	width: 500px;
	background-color:#ffffff;
	border:solid 2px #ffffff;
	color: Black;
}
.cssscheader
{
	background-color:#4c47a5;
	font-weight:bold;
	color: #ffffff;
	
}
.cssscfooter
{
	FONT-FAMILY: 'Trebuchet MS', 'Times New Roman';
	font-size: 12px;
	font-weight:bold;
	width: 500px;
	background-color:#ffffff;
}
.cssbctextbox
{
	text-align:center;
	font-size:10pt;
	FONT-FAMILY: 'Trebuchet MS', 'Times New Roman';
}
.cssbclbl
{
	FONT-FAMILY: Arial;
	font-size:8pt;
	color: Black;
}
.footer
{
	background-color:#9a6644;
	height:75px;
	width: 100%; 
position: absolute; 
bottom: 0 !important; 
bottom: -1px; /* For Certain IE widths */ 


}
.footer2
{
	background-color: #4c47a5;
	 height:25px;
}
.footer1
{
	text-align: right;
}
	
	.csswtext
	{
		color: #000000;
		font-weight:bold;
	}
	
	#dropmenudiv{
position:absolute;

border-bottom-width: 9px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
border-left: solid 6px #ffcc00;
border-bottom:solid 6px #ffcc00;
border-right:solid 6px #ffcc00;
background-color: #ffcc00;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;

padding: 5px 0;
text-decoration: none;
text-align:left

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ffcc00;
}

.pwdtext
{
	font-size:8pt;
	color:#000000;
	font-weight:bold;
	font-family:arial, Times New Roman;
	padding:0 4px 0 4px;
}
#button1
{
	color: #000000;

	font-weight: bold; 
	FONT-FAMILY: Arial Times New Roman; 
 
	text-decoration: none; 
	font-size:10pt;
	padding:0 7px o 4px;
	
}
.prodheader
{
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY:Times New Roman Helvetica;
}
.fpagecontent
{
	
 width:712px;
 padding:0px 0 0 35px;

}

.fpagecontent2
{

 padding:0px 0 0 35px;

}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
color: #000000;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #4c47a5;
margin: 3px 8px;
}
.contentfrontpage
{
	 padding: 25px 0 0 0;

	width:712px;
	height:400px;
	
}
.contentfrontpage2
{
	width:100%;
	height:100%;
	background-color: #00356a;
	
}

.leftNavHdr
{
	/* background:#003366;  */
	color:#ffffff;
	font:Tahoma;

	
}

.leftNavHdr a
{
	background:#003366;
	color:#ffffff;
	font:Tahoma;
	text-decoration:none;
	width: 148px;
	
}

.leftNavItem
{
	background-color:#cccccc;
	font-family:Tahoma;
	text-decoration:none;
	width: 150px;
	
		
}

.leftNavItem a
{
	text-decoration:none;
	color:#000000;
	font:Tahoma;
	font-size:9pt;

}
.ncl
{
border-right: 0px;	
}	


.ncl a
{
	text-decoration:none;
	color:#ffffff;
	font-family:Tahoma;
	font-size:11pt;
	display: table;
	width: 150px;
	
	/* border-bottom: solid 1px #ffffff; */
	
}

.nil
{
	display: table;
	
	background-color: #cccccc;
	
	font-family:Tahoma;
}


.nil a
{
	text-decoration:none;
	color:#000000;
	font-family:Tahoma;
	font-size:9pt;
	background:#cccccc;
	display: table;
	width: 148px;

}
#lblwelcome
{
	background-color:#003366;
	text-decoration:none;
	color:#ffffff;
	font-family:Tahoma;
	font-size:11pt;
	display: table;
	width: 150px;
}
.atcbutton 
{
font-size: .75em;
color: #000000;
}



#footer {
	Margin: 30px 0 0 0;
	clear: both;
	
	padding: 5px;
	text-align: center;
	
}

#footer A 
{
	
	MARGIN: 10PX 0 0 0;
	font-family: arial;
	font-size: 8pt;
	text-decoration:none;
	text-align: center;
	border:0px;
	color: #000000;
	font-weight:bold;
}
#footer A:Hover 
{
	MARGIN: 10PX 0 0 0;
	font-family: arial;
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
	border:0px;
	color:#cd1041;
}
#bcdiv
{
height: 35px;
margin:10px 0 0 10px;
text-align:left;
width: 850px;	
font-weight:bold;
}
#bcdiv a
{
color:#4c47a5;
text-decoration:none;
font-weight:bold;

}
#bcdiv a:hover
{
color:#000000;
text-decoration:NONE;
font-weight:bold;

}
#pheaderpromo h1
{
font-size: 1.5em;
color:	#52748f;
text-align: left;
}
.ylinks
{
	font-family:arial;
	 font-variant:small-caps;
	 font-weight:bold;
	 color:#4c47a5;
	 font-size:11pt;}
	
	.ylinks A
{
	 font-family:arial;
	 font-variant:small-caps;
	 font-weight:bold;
	 color:#4c47a5;
	 font-size:11pt;}
	 
	 .ylinks A:hover
{
	 font-family:arial;
	 font-variant:small-caps;
	 font-weight:bold;
	 color:#000000;
	 font-size:11pt;}
	 
	
#wrapper
{margin: 10px 0 0 0;

	 height:inherit;
	}
	
	#wrapper2
{
	margin: 10px 0 0 0;
	width: 987px;
	 height:400px;
	 border: solid 1px #4c47a5;
	 background-color: #ffffff;
	
	 background-repeat:no-repeat;}
	 .cssvd
	 {
		
	font-size: .65em;	
		
	 }
	 .cat_menu_bg {
	BACKGROUND-COLOR: #FFFFFF;
}
.cat_menu_A:link {
	FONT-SIZE: 11px; COLOR: #000000; font-weight:bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;
}
.cat_menu_A:visited {
	FONT-SIZE: 11px; COLOR: #2a2766; font-weight:bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;
}
.cat_menu_A:hover {
	FONT-SIZE: 11px; COLOR: #4c47a5; font-weight:bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;
}
.cat_menu1 {
	background-image: url(./images/arrow.gif); 
	background-repeat:no-repeat;
	
}
.category_detail_3 {
  	BACKGROUND-COLOR: #FFFFFF;
  	float: left;
  	width: 32%;
  	margin: 0 5px 5px 0;
}
.category_detail_3f {
  	BACKGROUND-COLOR: #fbe4ca;
  	float: left;
  	width: 32%;
  	margin: 0 5px 5px 0;
}
.category_detail_4 {
  	Height: 330px; 
  	BORDER-BOTTOM: #C0C0C0 1px solid;
  	BORDER-LEFT: #FFFFFF 1px solid;
  	BORDER-RIGHT: #C0C0C0 1px solid;
 	BORDER-TOP: #FFFFFF 1px solid;
	border-collapse: collapse; 
}

.category_detail_5 {TEXT-DECORATION: underline;}

.category_detail_6 {FONT-WEIGHT: bold;}

.category_detail_7 {text-align: Center; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #9a1938; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}
.sage_1 {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline; font-style: italic;}

.sage_2 {
  	BACKGROUND-COLOR: #FFFFFF;
  	BORDER-BOTTOM: #C0C0C0 1px solid;
  	BORDER-LEFT: #FFFFFF 1px solid;
  	BORDER-RIGHT: #C0C0C0 1px solid;
 	BORDER-TOP: #FFFFFF 1px solid;
	border-collapse: collapse; 
}

.sage_3 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica;}

.sage_4 {FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #9a1938; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}	

.sage_5 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica;}

.sage_6 {FONT-WEIGHT: bold;}

.sage_sb
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana,helvetica;
    FONT-SIZE: 11px;
    text-align: Left;
}
.sage_sbf
{
    BACKGROUND-COLOR: #f8e2b7;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana,helvetica;
    FONT-SIZE: 11px;
    text-align: Left;
}

.sage_dd {
    BACKGROUND-COLOR: #f2dfa7;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana,helvetica;
    FONT-SIZE: 11px;
}
/********************* product.asp *********************/

.product_bg {
	BACKGROUND-COLOR: #FFFFFF;
}
.product_1 {
  	Width: 98%; 
  	BACKGROUND-COLOR: #FFFFFF;
  	BORDER-BOTTOM: #C0C0C0 1px solid;
  	BORDER-LEFT: #FFFFFF 1px solid;
  	BORDER-RIGHT: #C0C0C0 1px solid;
 	BORDER-TOP: #FFFFFF 1px solid;
	border-collapse: collapse; 
}

.product_2 {BACKGROUND-COLOR: #FFFFFF;}

.product_3 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-WEIGHT: bold;}

.product_4 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}

.product_5 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}

.product_6 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-WEIGHT: bold; font-style: italic;}

.product_7 {
  	BACKGROUND-COLOR: #FFFFFF;
}

.product_8 {
	background-color: #ffffff;
	color: #000000;
  	BORDER-BOTTOM: #C0C0C0 1px solid;
  	BORDER-LEFT: #C0C0C0 1px solid;
  	BORDER-RIGHT: #C0C0C0 1px solid;
 	BORDER-TOP: #C0C0C0 1px solid;
}

.product_9t {
	background-color: #FFFFFF;
	color: #000000;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
	text-align: center;
}

.product_9 {
	background-color: #FFFFFF;
	color: #000000;
  	BORDER-BOTTOM: #C0C0C0 1px solid;
  	BORDER-LEFT: #C0C0C0 1px solid;
  	BORDER-RIGHT: #C0C0C0 1px solid;
 	BORDER-TOP: #C0C0C0 1px solid;
	text-align: center;
}

.product_10t {
    BACKGROUND-COLOR: #f8e2b7;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana,helvetica;
    FONT-SIZE: 11px;
    text-align: right;
    FONT-WEIGHT: bold;
}

.product_10 {
    BACKGROUND-COLOR: #f8e2b7;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana,helvetica;
    FONT-SIZE: 11px;
    text-align: right;
    FONT-WEIGHT: bold;
}

.product_11t {
    BACKGROUND-COLOR: #F0FFFF;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana,helvetica;
    FONT-SIZE: 11px;
    text-align: center;
}

.product_11 {
    BACKGROUND-COLOR: #F0FFFF;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana,helvetica;
    FONT-SIZE: 11px;
    text-align: center;
}
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 300px;
    text-align : left; 
    list-style-type : none;
   
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	font-size: .70em;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	 font-size: .70em;
}
.promo_header
{
	height: 200px;
	background-color: Fuchsia;
	color: #000000;
	
}
.promo_main
{
width:850px;	
padding: 25px;
color: #000000;
}
.promo_search
{
	height: 23px;
	background-color:Green;
	color: #000000;
}
.promo_content
{
height:600px;
background-color: Aqua;	
color: #000000;
}
.promo_content_left
{
	float: left;
	width: 199px;
		height:600px;
	background-color:Lime;
	border-right: dotted 1px #e4e4e4;
}
.promo_content_right
{
	width:650px;
	height:600px;
	float: left;
	background-color:Purple;
	color: #000000;
}
.carousel-component { 
    padding:8px 16px 4px 16px;
    margin:0px;
    color: #000000;
}

.carousel-component .carousel-list li { 
    margin:4px;
    width:115px; /* img width is 100 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
    height:117px; /* image + row of text (100) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
    color: #000000;
}

.carousel-component .carousel-list li a { 
    display:block;
    border:1px solid #e2edfa;
    outline:none;
    color: #000000;
}

.carousel-component .carousel-list li a:hover { 
    border: 1px solid #aaaaaa; 
    color: #000000;
}

.carousel-component .carousel-list li img { 
    border:1px solid #999;
    display:block; 
    color: #000000;
}
                                
.carousel-component .carousel-prev { 
    position:absolute;
    top:40px;
    z-index:3;
    cursor:pointer; 
    left:5px; 
    color: #000000;
}

.carousel-component .carousel-next { 
    position:absolute;
    top:40px;
    z-index:3;
    cursor:pointer; 
    right:5px; 
    color: #000000;
}