* { margin:0; padding:0; }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u,  center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	
}
html{ height: 100% !important; 
	background-color: #FFF ;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	 }

body { 
min-width:1050px ;
	font-size: 14px ; 
	line-height:1.5em;
  	color: #222;
	height: 100%;
  	background-color: #FFF ;
	font-family: Arial, Helvetica, sans-serif;
  	
}

ol {
	margin-left:50px
}

A, a strong, a b  {
	COLOR: #0b468f; 
	TEXT-DECORATION: none; 
	 }

A:hover {
	COLOR: #0b468f; 
	TEXT-DECORATION: underline; 
	
	}

A:active {
	COLOR: #0b468f; 
	TEXT-DECORATION: none; 
	}
A:focus { -moz-outline-style: none; }	

p {padding:10px 0; font-size: 15px;}



.main_header {
	z-index:9;
	min-height:92px;
	overflow:visible;
	background-color:#FFF;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #CCC;
}
.top_navigation
{
	width:100%;
	background-color:#FFF;
	padding:5px 0 10px 0;
	height:10px;
	
}
.top_navigation_content
{
	width:1000px;
	text-align:right; 
	margin:0 auto;
	padding:5px 0px 5px 0px;
	color:#444;
}
.main_navigation
{
	width:980px;
	margin:0 auto;
	padding:0 0 0 40px;
}
.mainwrapper88 {
	min-height: 100%;
	margin:-20px auto 0 auto ;
	padding-top:20px;
	min-width:980px;
	position:relative;
}
.push {
	height: 2em;
	clear:both;
}


#footer {
	position:relative; clear:both;
	bottom:0;
	padding: 20px 0 0px 10px;
	width:100%;
	min-height:270px;
border-top:1px solid #EEE;
 background:transparent url(/images/nav/bg_shadow_footer.png) no-repeat center top;
}


#footer ul{
margin-bottom: 5px;
	list-style:none;
}

#footer li{
	line-height:1.2em;
	margin-bottom:5px;
	color:#555;
	font-size:13px;
}

#footer li a{
		line-height:normal;
	color:#555;
	font-size:13px;
}


#footer-inside {
      width:980px; 
      margin: 0 auto;
      text-align:left;
	 
	 
      }
#footer-inside h4{font-size: 14px; padding-bottom: 2px; font-weight:600;  text-transform:uppercase;}   

.Products { float: left; width: 150px; }
.Company {  float: left; width: 160px;  }
.Press { float: left; width: 160px;   }
.Buy {  float: left; width: 130px;  }
.Support { float: left; width: 180px;    }
.Partners { float: left; width: 200x; }


.Social { float: left; padding-top:5px;width:280px; text-align:left; display: inline; white-space:nowrap; }
.Newsletter { width: 100px; text-align:left; display: inline-block; white-space:nowrap; height:85px; padding:0;}
.Newsletter div { padding:2px 0 0 0; }
.SocialIcons{  display: inline; padding: 0 15px 0px 0px}

.Copyright { clear: both; width: 100%; text-align:left;  padding:10px 0; color:#555;height:20px; }

.content-main {position:relative; padding:0;margin-top:-15px; margin-left:auto; margin-right:auto;  }

.table-main {position:relative; width: 980px; padding-left:35px;margin:30px auto 0 auto; min-height:350px; bottom:0 ;}
.category-main {position:relative; width: 100%; padding:0;margin:20px 10px; margin-left:auto; margin-right:auto;}
.txt-header, .txt_header, .txt-main {padding:10px 0 10px 0; font-size:28px; font-weight:600; color:#08347d; position:relative; text-transform:uppercase; line-height:30px; text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.9)}
.txt-sub-header, .psub {padding:10px 0 3px 0; margin-bottom:0px; font-size:20px; font-weight:700; color:#596571; position:relative; border-bottom:2px solid #596571 ;}
.txt-sub-header-green {padding:10px 0 3px 0; margin-bottom:0px; font-size:20px; font-weight:700; color:#9ab534; position:relative; border-bottom:2px solid #9ab534 ;}

.bg_darkgrey2 {padding:10px 0 3px 0; font-size:20px; font-weight:700; color:#596571; position:relative;  margin-bottom:15px; border-bottom:2px solid #596571 ; }
.txt-login-header, .txt-lan-parties {padding:15px 0 10px 0; margin-bottom:0px; font-size:20px; font-weight:700; color:#0c96f3; position:relative;}
.txt-lan-parties {padding:15px 0 10px 0; margin-bottom:0px; font-size:20px; font-weight:700; color:#596571; position:relative;}
.txt_grey {line-height:1.5em; font-size:18px; font-weight:400; color:#596571; position:relative; text-transform:uppercase; }
.txt-employment {font-weight:600; font-size:20px;color:#0c96f3; text-decoration:none}
.txt-main {padding:15px 0; font-size:28px; font-weight:600; color:#08347d; position:relative}
.txt-support-main {margin:0 0 5px 0; font-size:20px; font-weight:600;  color:#FFF}
.txt-support-header {width: 100%; padding:8px 0px 8px 0px; margin:0; font-size:20px; font-weight:600;  color:#FFF; background: #6e7174; text-indent:10px}
.txt-support-content {width: 100%; padding:10px 0 5px 15px ; margin:0; }

.txt-white, a.txt-white:hover {color:#FFF}
.txt-gray, a.txt-gray:hover {color:#CCC}
.txt-black, a.txt-black:hover {color:#333}

.txt-blue {font-weight:600; font-size:16px;color:#333; text-decoration:none}
a.txt-blue:hover {font-weight:600; color:#08347d; text-decoration:none}

.txt-blackblue {font-weight:600; color:#444444; text-decoration:none; text-shadow: 0 1px 1px #fff;}
a.txt-blackblue:hover {font-weight:600; color:#08347d; text-decoration:none; text-shadow: 0 1px 1px #fff;}

.txt-login {font-weight:600; color:#444444; text-decoration:none; text-shadow: 0 1px 1px #fff;}
a.txt-login:hover {font-weight:600; color:#08347d; text-decoration:none; text-shadow: 0 1px 1px #fff;}

.txt-bold {font-weight:700}
.clear {clear:both}

.txt-main-green {padding:15px 0; font-size:28px; font-weight:600; color:#007300; position:relative}

/*ACCORDIION STYLE START*/

.nav-top{
	margin-top:20px;
	width:231px;
	height:41px;
background: transparent url(/images/temp/bg_nav_header.png) no-repeat bottom left  ;
}

.nav-top span{
	position:absolute;
	font: normal 18px Arial, Helvetica, sans-serif;
	margin:8px 0 0 20px;
}

.nav-bottom{
	margin-top:-33px;
	width:231px;
	height:41px;
background: transparent url(/images/temp/bg_nav_bottom.png) no-repeat bottom left  ;

}

.arrowlistmenu{
width:220px; /*width of accordion menu*/
float:left;
height:100%;
}

.borderbottom{
	border-bottom:1px solid #76787e;
	height:1px;
	width:230px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 15px Arial, Helvetica, sans-serif;
color: #333;
background: transparent url(/images/temp/button_0.png) no-repeat bottom left  ;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 0px 5px 0px 0px; /*header text is indented 10px*/
text-indent:8px;
margin:0;
cursor: pointer;
width:230px;
height:35px;
}


.menuheader:hover{
background: transparent url(/images/temp/button_2.png) no-repeat bottom left  ;
width:230px;
text-indent:8px;
color:#FFF;
height:35px;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: transparent url(/images/temp/button_1.png) no-repeat bottom left  ;
width:230px;
text-indent:8px;
border-bottom:1px;
height:35px;
color:#FFF;

}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
position:relative;
list-style-type: none;
margin: 0px;

padding:5px 0px 10px 0px; /*bottom spacing between each UL and rest of content*/

border-bottom:1px solid #bababa;
border-right:1px solid #8e8e8e;
width:230px;
background: transparent url(/images/temp/button_sub.png) bottom left  ; 
width:230px;

}


.arrowlistmenu ol{ /*CSS for UL of each sub menu*/
position:relative;
list-style-type: none;
margin: 0px;

padding:5px 0px 10px 10px; /*bottom spacing between each UL and rest of content*/



width:230px;
width:230px;
}


.arrowlistmenu ul li{
margin: 2px 0 0 10px;
padding:-8px 0 0 -10px;
background:url('/images/temp/bullet.png') 10px 6px no-repeat ;

}



.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
width:251px;
background:url('/images/temp/icons_plus.gif') 2px 2px no-repeat ;
color:#FFFFF;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background:url('/images/temp//icons_minus.gif') 2px 2px no-repeat ;
color:#000;

}





.arrowlistmenu ul li a{
color: #000;
display: block;
padding: 0px 0 10px 19px;
margin:0px 20px 0px 5px;
text-decoration: none;
font-weight: bold;
font-size: 100%;
font:  14px Arial, Helvetica, sans-serif;

cursor: pointer;
 outline: none;
 border:none;

}


.arrowlistmenu ul li a:hover

{ /*hover state CSS*/
 border:none;
color:#0c96f3;
text-decoration:none;
}


.arrowlistmenu ul li a:active,  .arrowlistmenu ul li a:visited,

{ /*hover state CSS*/
 border:none;
color:#FFFFFF;
text-decoration:none;
}

.selected0 { color: #0c96f3;  }
.selected1 { color: #0c96f3;  }
.arrowlistmenu ul li a:hover.selected { 


color: #0c96f3; } 

.arrowlistmenu ul li a.selected { 
margin: 2px 0 0 5px;
padding:-8px 0 0 -20px;

color: #0c96f3; } 

.CatImage
{margin: -12px 0px 0px 0px;  }

.CatTitle
{position: absolute; margin: 9px 0px 5px 1px; width:231px; }


/* BREADCRUMBS */
#breadcrumbs-one{
  background: #ddd;

  border-radius: 8px;
  overflow: hidden;
  width: 100%;
margin:-10px 0 5px 0;
}

#breadcrumbs-one li{
  float: left;
}

#breadcrumbs-one a{
  padding: .6em 1em .6em 2.8em;
  float: left;
  text-decoration: none;
  color: #000;
  position: relative;
background-color: #ddd;
}

#breadcrumbs-one li:first-child a{
  padding-left: 1em;
}

#breadcrumbs-one a:hover{
  background: #fff;
}


#breadcrumbs-one li:first-child a{
  padding-left: 1.5em;
  border-radius: 1px;
}

#breadcrumbs-one a:hover{
  background: #08347d;
  color:#FFF;
}

#breadcrumbs-one a:after,
#breadcrumbs-one a:before{
  content: "";
  position: absolute;
  top: 51%;
  margin-top: -2em;   
  border-top: 2em solid transparent;
  border-bottom: 2em solid transparent;
  border-left: 2em solid  #000;
  right: -1.5em;
   border-left-color: #000;  
}

#breadcrumbs-one a:after{ 
  z-index: 1;
  border-left-color: #ddd;  
}

#breadcrumbs-one a:before{
  border-left-color: #fff;  
  right: -2.1em;
  z-index: 1; 
}

#breadcrumbs-one a:hover:after{
  border-left-color: #08347d;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background: none;
  padding: 8px 0 0 40px;
}

#breadcrumbs-one .current:after,
#breadcrumbs-one .current:before{
  content: normal;  
}

hr.thin {
 height: 1px;
 padding: 0;
 border: 0;
 color: #666;
 background-color: #666;
 margin-top: -2em;
 } 

.border-top   { border-top: 1px solid #CCC }

.border-right  { border-right: 1px solid #CCC }

.border-bottom  { border-bottom: 1px solid #CCC }

.border-left { border-left: 1px solid #CCC }

.transition{
	 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;}

.bullet { margin:10px 0 20px 50px}
.bullet li { margin:2px 0 }

.iso {clear:both; margin-top:40px; font-size:12px; color:#DDD;}

.search-title {color: #1e0fbe; font-size:16px;  font-weight:600 }
.search-title:hover {color: #1e0fbe; font-size:16px; text-decoration:underline; font-weight:600 }
.search-description {color: #333; font-size:14px; margin-bottom:20px}
.search-url {color: #006621; font-size:14px; }
.background-lite {z-index:0; position:absolute; background:  #000 url(/images/products/category/bg_main_top_lite.jpg) repeat-x left top; min-height:320px; max-height:320px; width:100%;}
.background-dark {z-index:0; position:absolute; background: #000 url(/images/products/category/bg_main_top_dark.jpg) repeat-x left top; width:100%; min-height:320px; max-height:320px}
.background-medium {z-index:0; position:absolute; background: #000 url(/images/products/category/bg_main_top_medium.jpg) repeat-x left top; width:100%; min-height:320px; max-height:320px}

.boxed {z-index:0; margin:0 auto; position:relative; width:960px; background-color:#FFF; -moz-box-shadow: 0px 1px 5px #777;	-webkit-box-shadow:  0px 1px 5px #777; 	box-shadow: 0px 1px 5px #777; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
.pad10 {padding:5px 15px 10px 15px; left:12px}
.box {border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-bottom:10px; padding:10px}
.wraptext {white-space:normal}

	sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
 
sup {
top: -0.5em;
}
 
sub {
bottom: -0.25em;
}