@charset "UTF-8";
/* CSS Document */


html{
	height:100%;
	margin:0px;
	overflow: -moz-scrollbars-vertical;
}

 * html a:hover
{
visibility:visible
}

body{
	margin:0px;
	height:100%;
	background-color:#4a5b73;
	font-size:75%;
	font-family: Helvetica,Arial,Trebuchet;
	color:#545557;
}

/*this affects all links except footer links, they are editable in their own css*/
a {
	color:#b3282e;
	}

a:hover {
	color:#47576e;
}

a:visited {
	color:#db2b2b;
	
}

/*heading color in copy*/
h1, h2, h3, h4, h5, h6 {
	color:#45556c;
	margin:7px 0px 0px 15px;
	}


		
h1{font-size:1.4em;}
h2{font-size:1.1em;}	
h3{font-size:1.0em;}
h4{font-size:1.0em;}
h5, h6 {font-size:.9em;}

ul {
	list-style-position: inside;
	}
ol {
	list-style-position: inside;
	}


div.main {
	clear:both;
	background:url(../images/contentHolderBack.jpg);
	background-repeat:repeat-y; 
	width:980px; 
	height:auto;
	min-height:622px;
	margin-left: auto;  
	margin-right: auto;   
	padding:0px 10px 0px 10px;
	top:0px; 
	}
	
div.headerHldr { 
	float:left;
	width:980px;
	height:70px;
	background:url(../images/header.jpg);
	background-repeat:no-repeat;
	
	}
div.navRow {
	float:left;
	width:980px;
	height:35px;
	/*background:url(../images/nav_over_04.jpg);*/
	line-height:35px;
	text-decoration:none;
	}
.navRow a{
text-decoration:none;
}

/*Nav Rollovers*/
a.about_scrollover {
display:block;
width:98px;
height:35px;
background: url(../images/about.jpg);
text-decoration:none;
float:left;
}
a:hover.about_scrollover {
background-position: -98px 0;
}

a.products_scrollover {
display:block;
width:98px;
height:35px;
background: url(../images/products.jpg);
text-decoration:none;
float:left;
}
a:hover.products_scrollover {
background-position: -98px 0;
}

a.support_scrollover {
display:block;
width:98px;
height:35px;
background: url(../images/support.jpg);
text-decoration:none;
float:left;
}
a:hover.support_scrollover {
background-position: -98px 0;
}

a.news_scrollover {
display:block;
width:98px;
height:35px;
background: url(../images/news.jpg);
text-decoration:none;
float:left;
}
a:hover.news_scrollover {
background-position: -98px 0;
}

a.contact_scrollover {
display:block;
width:99px;
_width:97px;
height:35px;
background: url(../images/contact.jpg);
text-decoration:none;
float:left;
}
a:hover.contact_scrollover {
background-position: -98px 0;
}
/*End Nav Rollover CSS*/
div.navRow img {
border:none;
height:35px;
float:left;
}
	
div.navRow a:hover img {
visibility:hidden;
}

div.flash_1 {
	float:left;
	width:980px;
	height:244px;
	}
	
div.headerRow{
	float:left;
	height:30px;
	width:980px;
	}

div.homeTitle{
	float:left;
	width:774px;
	height:30px;
	background:#323d4e;
	}
	
div.searchHldr{
	float:left;
	width:206px;
	height:30px;
	background:#323d4e;
	display:inline-block;	
	vertical-align:middle;
	}
	
div.searchHldr Input {
	float:left;	
	width:113px;
	height:14px;
	font-size:11px;
	line-height:14px;
	padding:0px 5px;
	border:solid 1px #CCCCCC;
	/*margin set for spacing from top of div....*/
	margin:6px 0px 0px 0px;
	
				
	}

div.searchHldr img{
	float:left;
	}

div.searchHldr .searchBtn {
/* this is for positioning the button image for the search*/
	float:left;
/*margin set for spacing from top of div....*/
	margin:6px 0px 0px 0px;
	
/*this is a HACK to fix improper structure development*/	
	padding:-3px 0px 0px 0px;font-size:10px;
	border:none;
}

div.homeCats {
	float:left;
	width:980px;
	height:240px;
	background:url(../images/homeCatsBack.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	/*Change color for global content, color controled here temporarily for testing*/
	color:#5a5959;
	
	}
	
div.homeCats h1 {
	color:#484243;
	font-size:12px;
	margin:0px 0px 8px 0px;
	}
	
div.homeCats p {
	padding:8px 0px 8px 0px;
	margin:0px;
	}
	
div.homeCatHldr_brdr {
	float:left;
	width:225px;
	height:215px;
	border-right:solid 1px #8a9196;
	margin:17px 0px 17px 0px;
	padding:0px 10px;
	
	}
	
div.homeCatHldr_noBrdr{
	float:left;
	width:225px;
	height:205px;
	margin:17px 0px 17px 0px;
	padding:0px 5px 0px 10px;
	}
	
div.homeCatsCont{
	float:left;
	width:225px;
	height:180px;
	}
div.homeCatsLinks {
	float:left;
	width:225px;
	height:10px;
	text-align:right;
	margin:5px 0px 0px 0px;
	
	}
	
div.homeCatsLinks img{
	padding:0px 8px 0px 0px;
	margin-bottom:-2px;
	}

div.footer {
	   clear:both;
	background:url(../images/footerBack.jpg);
	background-repeat:no-repeat; 
	width:1000px; 
	height:48px;
	margin-left: auto;  
	margin-right: auto;
	text-align:center;
	padding:10px 0px 0px 0px;
	color:#47576e;  
	}
	
div.footer a {
	color:#47576e;
	text-decoration:none;
	}

div.footer a:hover {
	color:#db2b2b;
}


/*div.footer a:visited {
	color:#db2b2b;
	text-decoration:underline;
}  Editing out per QC and proofing requests*/
	

/*********************************************/
/*CSS Associated with the SubPages Starts Here/
/*********************************************/
div.headerImg_1{
	float:left;
	width:190px;
	height:201px;
	/*padding to put space between divs below*/
	padding-bottom:7px;
	background:#FFFFFF;
	}
div.linkbacktohome{
width:210px;
height:70px;
cursor:pointer;
text-decoration:none;
}

div.headerImg_2{
	float:left;
	width:790px;
	height:201px;
	/*padding to put space between divs below*/
	padding-bottom:7px;
	background:#FFFFFF;
	}

div.subContentHldr{
	float:left;
	width:980px;
	height:auto;
	background:url(../images/subContentHldrBack.jpg);
	padding:0px 0px 10px 0px;
	}
	
div.subContentHldr2{
	float:left;
	width:980px;
	height:auto;	
	padding:0px 0px 10px 0px;
	background:#fff;
	}


	
div.subSideNavHldr {
	float:left;
	width:183px;
	height:auto;
	margin:0px 7px 0px 0px;
	}
	
div.subSideNavHeader{
	float:left;
	width:168px;
	height:20px;
	background:#45556c;
	padding:5px 0px 0px 15px;
	}

div.subSideNavHeader h1{
	color:#FFFFFF;
	font-size:11px;
	margin:0px;
	padding:0px;
		}
/****************************************/
/*Nav Structure Styling*/
/****************************************/

div.sideNav{ 
	float:left;
	width:183px;
	}
	
div.sideNav ul{ 
	width:183px;
	
	}

	
div.subMidCont{
	float:left;	
	width:790;
	height:auto;
	}

/*************************************/
/* due to high amount of specialization within this comp, 
some copy elements for sub pages are set here*/
/*************************************/
div.subMidCont p{
	padding:0px;
	margin:10px 30px;
	}



/*************************************/
/*************************************/
	
div.subMidCopy{
	float:left;
	width:619px;
	_width:617px;
	height:auto;
	padding:15px 0px 15px 0px;
	}

div.rightCol{
	float:left;
	width:171px;
	height:auto;	
	}
	
div.rightColHeader{
	float:left;
	width:156px;
	height:20px;
	background:#45556c;
	padding:5px 0px 0px 15px;
	}

div.rightColHeader h1{
	font-size:11px;
	margin:0px;
	padding:0px;
	color:#d8dbe0;
	}

div.rightColCopy{
float:left;
	width:141px;
	height:auto;
	padding:5px 15px 0px 15px;
	color:#45556c;
	}

div.rightColCopy h1 {
	margin:5px 0px;
	padding:0px;
	font-size:1em;
	}

div.rightColCopy p {
	margin:0px;
	padding:0px;
	font-size:.9em;
	}
div.rightColCopy a { 
	color:#45556c;
	text-decoration:none;
}

div.rightColCopy a:hover { 
	color:#B3282E;
	text-decoration:underline;
}






div.subSearchHldr{
	float:left;
	width:171px;
	height:auto;
	background:#FFFFFF;
	padding:0px 0px 7px 0px;
	}


div.subSearchHldr Input {
	float:left;	
	width:116px;
	height:15px;
	font-size:11px;
	line-height:14px;
	padding:0px 5px;
	border:solid 1px #CCCCCC;
	/*margin set for spacing from top of div....*/
	margin:0px 0px 0px 0px;
			
	}


div.subSearchHldr .searchBtn {
/* this is for positioning the button image for the search*/
	float:right;
/*margin set for spacing from top of div....*/
	margin:0px 0px 0px 5px;
	
	border:solid 1px #CCCCCC;
}

div.clear{
	clear:both;
	width:980;
	height:1px;
	}

div.clearCopy{
	clear:both;
	width:980;
	height:8px;
	background:#FFFFFF;
	}
	
/********************menu style*****************/

.arrowlistmenu{
width: 175px; /*width of accordion menu*/
font: 12px Arial;
margin-left:5px;
}


/********added css*********/
.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
text-decoration:none;
}

.arrowlistmenu p { 
margin:0;
}

.arrowlistmenu .submenuheader .openheader span.accordprefix {
color:#3333CC;
}

.arrowlistmenu a:hover{ /*hover state CSS*/
color: #A70303;
}

.arrowlistmenuselected { /*active link state CSS*/
color: #A70303 !important;
}

/*New menu CSS*/
.arrowlistmenu  { /*CSS class to apply to expandable header when it's expanded*/
float:left;
}

.arrowlistmenu a{
text-decoration:none;
}

.menutoplevel {
width:175px;
border-bottom: 1px solid #dadada;
padding:3px 0 3px 0;
}

.menuseclevel {
margin: 0px 0px 0px 15px;
border-bottom:solid 1px #c4c4c4;
width:160px;
padding:3px 0 3px 0;
_padding:3px 0 0px 0;
color:#5c5b5b;
}

.menuseclevel a{
text-decoration:none;
padding:0 0 0 10px;
color:#5c5b5b;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 12px Arial;
color: #5c5b5b;
background: url("../images/title_inactive.jpg") no-repeat center left;
margin:0px 0px;
padding:5px 0 0 0;
_padding:0px 0 0 0;
cursor: hand;
cursor: pointer;
width:10px;
height:5px;
float:left;
clear:left;
}

.arrowlistmenu .submenuheader{
color: #5c5b5b;
float:left;
background:url("../images/title_inactive.jpg") no-repeat center left;
font:12px Arial;
cursor: hand;
cursor: pointer;
width:10px;
height:5px;
display:block;
padding:9px 0 0 0;
_padding:0px 0 0 0;
}

.arrowlistmenu .submenuheader .openheader { /*CSS class to apply to expandable header when it's expanded*/
background-image: url("../images/title_active.jpg");
background-repeat:no-repeat;
background-position:0% 50%;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
background-image: url("../images/title_active.jpg");
background-repeat:no-repeat;
background-position:0% 50%;
}

.arrowlistmenu .submenuheader a{
text-decoration:none;
color: #5c5b5b;
}

.subcategoryitemsa {
display:block;
float:left;
clear:left;
width:160px;
_width:155px;
border-bottom: 1px solid #dadada;
padding:3px 0 3px 0px;
margin:0 0 0 15px;
_margin:0 0 0 10px;
text-decoration:none;
}
.categoryitems .subcategoryitemsa a{
text-decoration:none;
float:left;
padding-left:5px;
color:#5c5b5b;
}
.categoryitems .subcategoryitemsa a:hover{
color: #A70303;
}
.subcategoryitemsb {
display:block;
float:left;
clear:left;
width:145px;
border-bottom: 1px solid #dadada;
padding:3px 0 3px 0px;
margin:0 0 0 30px;
_margin:0 0 0 15px;
text-decoration:none;
}
.categoryitems .subcategoryitemsb a{
text-decoration:none;
float:left;
clear:none;
padding-left:5px;
color:#5c5b5b;
}
.categoryitems .subcategoryitemsb a:hover{
color: #A70303;
}

.submenuitemsim{
background: url("../images/sub_link.jpg") no-repeat 3% 50%; /*custom bullet list image*/
display: block;
padding:0;
margin-left: 0;
text-decoration:none;
width:10px;
height:15px;
vertical-align:middle;
float:left;
}

.categoryitems a{
text-decoration:none;
}

#a0, #a4, #a40, #a50, #a60{
text-decoration:none;
padding:3px 0 3px 10px;
color:#5c5b5b;
}

#a0:hover, #a4:hover, #a40:hover, #a50:hover, #a60:hover{
color: #A70303;
}

#a31, #a32, #a33, #a34{
text-decoration:none;
border-bottom:none;
color:#5c5b5b;
}

#a31:hover, #a32:hover, #a33:hover, #a34:hover{
color: #A70303;
}

/********************end menu style*****************/


/* Google Search Result Set CSS */

div.gs-watermark { 
        display: none; 
} 

div.gsc-control {
margin-top:-40px;
}

div.gsc-resultsbox-visible{
	padding:0px 20px 0px 20px;
}

input.gsc-input {
visibility:hidden;
}

input.gsc-search-button {
visibility:hidden;
}

div.gsc-branding-text {
visibility:hidden;
}

div.gsc-branding-img {
visibility:hidden;
}

form.gsc-search-box {
visibility:hidden;
}

div.gsc-results-root {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px;
width:520px;
}
div.gsc-results {
float:left;
width:550px;
}

div.gs-title{
float:left;
width:520px;
padding:10px 0px 5px 0px;

}

div.gs-snippet{
float:left;
width:520px;
padding:5px 0px 5px 0px;
}

div.gs-visibleUrl-long {
color:#545557;
_margin-top:-15px;
}



div.gs-visibleUrl-short {
visibility:hidden;
height:1px;
}
div.gsc-results-selector{
	height:1px;
}

table.gsc-resultsHeader{
	height:1px;
	font-size:14px;
	}
div.gsc-more-results-active{
	height:1px;
}

.gsc-twiddleRegionCell {
	width:200px;
	height:20px;
	}

div.gsc-twiddle{
	float:left;
}

div.gsc-stats{
padding:0px 0px 0px 5px;
	float:left;
}

.gsc-cursor-page {
	float:left;
	width:auto;
	cursor:pointer;
	color:#B3282E;
	text-decoration:underline;
	margin:5px 5px 0 0;
}

.gsc-cursor-current-page {
	color:#47576E;
	text-decoration:none;
	cursor:auto;
}

.gsc-cursor-page:hover {
	color:#47576E;
}	
.gsc-trailing-more-results {
float:left;
clear:both;
margin:5px 0 0 0;
}

 .feed {
  margin-left: 3px;
  padding: 0 10px 0 19px;
  background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
  float:right;
}

/*--------Contact Us Page Styling--------*/
#ctl00_ContentPlaceHolder1_ContactUs_lblName, #ctl00_ContentPlaceHolder1_ContactUs_Label1, #ctl00_ContentPlaceHolder1_ContactUs_Label3, #ctl00_ContentPlaceHolder1_ContactUs_lblEmail, #ctl00_ContentPlaceHolder1_ContactUs_lblTel, #ctl00_ContentPlaceHolder1_ContactUs_Label4 {
width:100px;
float:left;
}

.textbox, #ctl00_ContentPlaceHolder1_ContactUs_ddCountry, #ctl00_ContentPlaceHolder1_ContactUs_ddProduct {
width:150px;
}

.ToolQ {
width:200px;
float:left;
}