body {
scrollbar-base-color: #4C5D7F;
scrollbar-arrow-color: #FBFBFB;
scrollbar-track-color: #DDDDDD;

scrollbar-shadow-color: #878E95;
scrollbar-lightshadow-color: #878E95;
scrollbar-darkshadow-color: 7B828B;

scrollbar-highlight-color: #E2EAF3;
scrollbar-3dlight-color: #878E95;
}

.preWrapper {
	overflow: auto !important;
	width:250px;
	padding-left:8px;
	padding-top:8px;
	margin: 0px;
	height: 274px;
	background-color:#FBFBFB;
	/*font-family: verdana;
	line-height: 12px;
	font-size: 11;
	color: #FFFFFF;*/
	scrollbar-face-color: #C2C0C0;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #C2C0C0;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color:#C2C0C0;
	scrollbar-track-color: #D4D4D4;
	scrollbar-arrow-color: #186978;
}

.head {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 10pt;
	color: #8C034E;
	text-decoration: none;
}

.subhead {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #363C92;
	text-decoration: none;
}

.subheadsm {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 7pt;
	color: #8C034E;
	text-decoration: none;
}

.subhead2 {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #363C92;
	text-decoration: none;
	line-height: 20px;
}

.subhead2 A:link {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #363C92;
	text-decoration: none;
	line-height: 20px;
}

.subhead2 A:hover {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #B15481;
	text-decoration: none;
	line-height: 20px;
}

.subhead2 A:visited {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #363C92;
	text-decoration: none;
	line-height: 20px;
}

.subhead2 A:active {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #363C92;
	text-decoration: none;
}

.bulletHead {
	font-family: arial;
	font-style: normal;
	font-weight: bolder;
	font-size: 15px;
	color: #8C034E;
	text-decoration: none;
}

.copyHome {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 7pt;
	color: #666666;
	text-decoration: none;
	line-height: 12px;
}
.copyHome A:link {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 7pt;
	color: #8C034E;
	text-decoration: none;
	line-height: 12px;
}

.copyHome A:visited {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 7pt;
	color: #8C034E;
	text-decoration: none;
	line-height: 12px;
}

.copyHome A:hover {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 7pt;
	color: #B15481;
	text-decoration: none;
	line-height: 12px;
}

.copy {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
	line-height: 12px;
}

.copyInside {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
	line-height: 14px;
}

.copyInside A:link {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #363C92;
	text-decoration: none;
	line-height: 14px;
}

.copyInside A:visited {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #363C92;
	text-decoration: none;
	line-height: 14px;
}

.copyInside A:hover {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #B15481;
	text-decoration: none;
	line-height: 14px;
}

.copysmall {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	padding: 6px;
	color: #666666;
	text-decoration: none;
	line-height: 12px;
}

.miniNav {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #8C034E;
	text-decoration: none;
	line-height: 12px;
}

.miniNav A:link {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #8C034E;
	text-decoration: none;
	line-height: 12px;
}

.miniNav A:hover {
	color: #B15481;
}

.miniNav A:visited {
	font-style: normal;
	font-weight: bolder;
	font-size: 8pt;
	color: #8C034E;
	text-decoration: none;
	line-height: 12px;
}

.flash {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bold;
	font-size: 8px;
	color: #000000;
	text-decoration: none;
	letter-spacing: .05em;
	line-height: 10px;
}

.bottom{
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.bottom A:link{
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.bottom A:visited{
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.bottom A:hover {
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #B15481;
	text-decoration: none;
}

.prodTitle {
	font-family: arial;
	font-style: italic;
	font-weight: bolder;
	font-size: 15px;
	color: #000000;
	text-decoration: none
}

.prodTitlesm {
	font-family: arial;
	font-style: italic;
	font-weight: bolder;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}

.BoxTitle {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .05em;
}

.BoxTitle2 {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .03em;
}

.windowCopy {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #363C92;
	text-decoration: none
}

.windowCopy A:link {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #363C92;
	text-decoration: none
}

.windowCopy A:hover {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #B15481;
	text-decoration: none
}

.windowCopy A:visited {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #B15481;
	text-decoration: none
}

.blueBullets {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #363C92;
	text-decoration: none;
	line-height: 22px;
}

.BoxCopy {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	padding:1px;
	color: #ffffff;
	text-decoration: none
}

.BoxCopy A:link {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	padding:1px;
	color: #ffffff;
	text-decoration: none
}

.BoxCopy A:hover {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	padding:1px;
	color: #8C034E;
	text-decoration: none
}

.BoxCopy A:visited {
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	padding:1px;
	color: #ffffff;
	text-decoration: none
}

a.bottom{
	font-family: helvetica, arial, verdana, times;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.aperture{
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	/*display: block;
	padding:2px 3px;
	text-decoration:none;
	border-top: outset 0px #69c;*/
	letter-spacing: .05em;
}

.aperture A:link {
	color: #FFFFFF;
	/*font-family: arial;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding:2px 3px;
	text-decoration:none;
	border-top: outset 0px #69c;
	letter-spacing: .05em;*/
}

.aperture A:hover {
	color: #FFFFFF;
	/*font-family: arial;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding:2px 3px;
	text-decoration:none;
	border-top: outset 0px #69c;
	background-color: #8C034E;
	letter-spacing: .05em;*/
}

.aperture2{
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	/*display: block;
	padding:2px 3px;
	text-decoration:none;
	border-top: outset 0px #69c;*/
	letter-spacing: .05em;
}

.aperture2 A:link {
	color: #FFFFFF;
	/*font-family: arial;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding:2px 3px;
	text-decoration:none;
	border-top: outset 0px #69c;
	letter-spacing: .05em;*/
}

.aperture2 A:hover {
	color: #FFFFFF;
	/*font-family: arial;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding:2px 3px;
	text-decoration:none;
	border-top: outset 0px #69c;
	background-color: #8C034E;
	letter-spacing: .05em;*/
}

.guide{
	color: #494949;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-decoration:none;
	border-top: outset 0px #69c;
	letter-spacing: .04em;
}



.nav{
	color: #000000;
	font-family: arial;
	font-size: 9px;
	font-weight: bold;
	display: block;
	padding:2px 3px;
	text-decoration:none;
	border-top: outset 0px #69c;
	cursor: pointer;
}
.nav A:link, .nav A:visited{
	color: #000000;
	text-decoration:none;
	font-weight: bold;
}

.nav A:hover{
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	background-color: #8C034E;
}

.navON{
	color: #758189;
	font-family: arial;
	font-size: 9px;
	font-weight: bold;
	display:block;
	text-decoration:none;
	border-top: outset 0px #69c;
}

.navON A:link, .navON A:visited{
	color:#7c7c77;
	display:block;
	text-decoration:none;
}
.navON A:hover{
	color:#7c7c77;
	display:block;
	text-decoration:none;
}

/* drop downs */
.menu .options {
	font-size:9px;
	font-family:arial, sans-serif;
	color: #ffffff;
	margin-right:1px;
	margin-bottom:1px;
	/*border:1px solid #848377;*/
	background-color:#8C034E;

	/*filter:alpha(Opacity=50);*/
}
.menu a {
	color:#FFFFFF;
	display:block;
	padding:2px 2px;
	text-decoration:none;
	border-top: outset 1px #69c;
	/*background-color:transparent;*/
}

.menu a:hover {
	/*background-color:#8C034E;*/
	color: #FFFFFF;
}

#about {
	position:absolute;
	left:5px;
	top:200px;
	visibility:hidden;
}


.subMenu{
	color: #ffffff;
	font-family:arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	display:block;
	text-decoration:none;
	border-top: outset 0px #69c;
	padding:2px 2px;
}

.subMenu A:link, .subMenu A:visited{
	color:#ffffff;
	display:block;
	text-decoration:none;
}
.subMenu A:hover{
	color: #ffffff;
	display:block;
	text-decoration:none;
	background-color:#16076A;
}

.form {
	background-color:#BFCAD6;
	border-left:solid #8C0345 1px;
	border-right:solid #8C0345 1px;
	border-top:solid #8C0345 1px;
	border-bottom:solid #8C0345 1px;
	FONT-FAMILY: arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
}

.select {
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    TEXT-TRANSFORM: none;
    COLOR: #352E29;
	BACKGROUND-COLOR: #BFCAD6;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, times, verdana, helvetica;
    TEXT-DECORATION: none;
	border-left:solid #8C0345 2px;
	border-right:solid #8C0345 2px;
	border-top:solid #8C0345 2px;
	border-bottom:solid #8C0345 1px;
}

.relatedProduct{
	color: #ffffff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
}
.subNav {background-color: #8C034E; cursor: pointer; Font-weight: normal; Font-size: 9px; Text-transform: none; Color: #FFFFFF; Font-style: normal; Font-family: arial,verdana,sans-serif; Text-decoration: none;border-bottom: outset 1px #666666;}
.subNav A:Hover {background-color: #8C034E; cursor: pointer; Font-weight: normal; Font-size: 9px; Text-transform: none; Color: #FFFFFF; Font-style: normal; Font-family: arial,verdana,sans-serif; Text-decoration: none;border-bottom: outset 1px #666666;}

.subNavNS {background-color: #19344C; Cursor: pointer; Font-weight: normal; Font-size: 9px; Text-transform: none; Color: #ffffff; Font-style: normal; Font-family: arial,verdana,sans-serif; Text-decoration: none;border-bottom: outset 1px #666666;}
.subNavNS A:visited, .subNavNS A:link{color:#ffffff; Text-decoration:none;padding:2px 2px;}

.subsubNav {background-color: #1C0792; cursor: pointer; Font-weight: normal; Font-size: 9px; Text-transform: none; Color: #FFFFFF; Font-style: normal; Font-family: arial,verdana,sans-serif; Text-decoration: none;border-bottom: outset 1px #666666;padding:2px 2px;}
.subsubNavNS {background-color: #1C0792; Cursor: pointer; Font-weight: normal; Font-size: 9px; Text-transform: none; Color: #FFFFFF; Font-style: normal; Font-family: arial,verdana,sans-serif; Text-decoration: none;border-bottom: outset 1px #666666;padding:2px 2px;}
.subsubNavNS A:visited, .subNavNS A:link{color:#ffffff; Text-decoration:none;}
/*
.subsubsubNav {background-color: #dddddd; Cursor: pointer; Font-weight: normal; Font-size: 11px; Text-transform: none; Color: #000000; Font-style: normal; Font-family: arial,verdana,sans-serif; Text-decoration: none;border-bottom: outset 1px #4C7299;}
.subsubsubNavNS {background-color: #2E6FAF; Cursor: pointer; Font-weight: normal; Font-size: 11px; Text-transform: none; Color: #ffffff; Font-style: normal; Font-family: arial,verdana,sans-serif; Text-decoration: none;border-bottom: outset 1px #4C7299;}
*/











/* *** New Styles *** */



/* RESETS */
#new-navigation li,
#new-navigation ul,
#new-navigation a {
	padding: 0;
	margin: 0;
	list-style-type: none;
}


.new-subnav,
.new-subsubnav {
	display:none;
}

#new-navigation li a {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
    padding: 2px 13px 3px 13px;
}
#new-navigation li ul li a {
	color: #ffffff;
}





/* Main row of nav buttons */
#new-navigation li {
	position: relative;
	float:left;
	border-left: 1px solid black;
	height: 14px;
	font-family: arial,sans-serif;
	text-transform:uppercase;
	font-size:9px;
	margin: 0;
	position:relative;
	padding: 3px 0px 0px 0px;
}
#new-navigation li a:hover {
	color: #ffffff;
    background-color: #8C034E;
    font-weight:bold;
}
#new-navigatin>li:hover a {
	background-color: #8C034E;
}
#new-navigation li ul li {
	float:none;
}
#new-navigation {
	padding:0;
	margin:0;
	line-height:11px;
}


#new-navigation li a.hassubnav {
    background: url('http://nutfieldtech.com/images/nav/arrowNav.gif') center right no-repeat;
}

/* SubNav */

#new-navigation li .new-subnav {
    position:absolute;
    font-weight:normal;
    top:13px;
    left: -1px;
    padding: 0;
	padding-top: 5px;
}
.new-subnav a {
	color: #ffffff;
	font-weight: normal;
	display:block;
}
#new-navigation .new-subnav li {
	width: 153px;
	border-left:none;
	height: auto;
	padding: 0;
}
#new-navigation .new-subnav li a {
	padding: 5px 3px 5px 6px;
	display:block;
	width: 144px;
	background-color: #8C034E;
	border-bottom: 1px solid #808080;
}
#new-navigation li:hover ul.new-subnav,
#new-navigation li .new-subnav:hover {
	display:block;
}
#new-navigation .new-subnav li a:hover {
	background-color: #1C0792;
}
/* SubSubNav */
#new-navigation .new-subnav li:hover ul.new-subsubnav,
#new-navigation .new-subnav .new-subsubnav:hover {
	display:block;
}
.new-subsubnav {
	position: absolute;
	top: 0;
	padding:0;
	margin: 0;
	left: 153px;
	width: 144px;
}
#new-navigation .new-subsubnav li {
	width: 144px;
}
#new-navigation .new-subsubnav li a {
	background-color: #1C0792;
	width: 135px;
}
#new-navigation .new-subsubnav li a:hover {
    background-color: #16076A;
}
.new-li-override {
	margin-top: -1px !important;
}
.new-a-override {
	width: 153px !important;
}
.new-li2-override {
	margin-top: -3px !important;
}

.pink-bg {
	background-color: #8C034E;
}
.white-font {
	color: #ffffff !important;
}