/* reset css */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, address, th, td 
{margin:0; padding:0;}
h2, h3, h4, h5, h6 {font-size: 98%; font-weight: normal;}
ul {list-style-type: none;}
table {border-collapse: collapse;}
caption, th {text-align:left;}
blockquote {margin: 5px; font-size: 90%; font-family:Arial, Helvetica, sans-serif;}
dt, address, caption, cite, code, dfn, strong, b, th, var {font-style:normal;}
/* begin page style sheet here */
body {background:#f1f1f2; margin: 0 auto; font-size: 101%; font-family:Arial, Helvetica, sans-serif;}
/*=====	main page container =====*/
#container {margin: 1em auto 1em auto; width:970px; background:#fff;}
/*===== header =====*/
#header {background: url(../../images/header.jpg) #660000 no-repeat; color:#fff; height:154px;}
#header h1 {background:url(../../images/headerh1bg.png) no-repeat transparent; font-size: 230%; font-weight:normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif; padding:0 5px 5px 5px;}
/*===== main navigation =====*/
#mainnav {background:#1C121D; color:#fff; padding:1px;}
#mainnav ul {margin: 0 0 0 20px; padding:0;}
#mainnav li {display:inline; padding:0 10px; border-left: 1px solid #666; font-size:90%;}
#mainnav li a {text-decoration:none; color:#fff;}
#mainnav li a:hover {text-decoration:none; color:#1c121d; background-color:#f1f1f2;}

/*===== Side menu left =====*/
#menu1 {
	float:left;
	width: 190px;
	margin-top:.5em;
	padding:0;
	color:#000;
	height: auto;
	border-top:solid #B3BCC1 thin;
	border-bottom:solid #B3BCC1 thin;
	border-right:solid #B3BCC1 thin;
	margin-top:35px;
	background-color: #FFFFFF;
	background-image: url(../../images/menu_bg.jpg);
	background-repeat: repeat-y;
}
#menu1 h4 {font-size:90%; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; margin:0px 0 2px 0; padding: 4px; background:#fff url(../../images/menuh4_bg.jpg) repeat-x;}
#menu1 h2 form {margin:0px 0 2px 0; padding: 4px; background-color: #999999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#menu1 h2 input.text { width: 95px; }
#menu1 h2 input.button { width: 52px; }
#menu1 h2 input { font-size: 9px; border-width: 1px; margin:0; padding:0; }
#menu1 h2 label span { color: #ff9; font-weight: lighter; }
#menu1 ul {padding-left:12px;}
#menu1 ul li {font-size: 90%; line-height:120%; margin:3px 0 3px 0; padding:2px;}
#menu1 h3 {
	text-decoration:none;
	color:#666666;
	font-size:12px;
	padding:2px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 6px; 
}
#menu1 h3 a {text-decoration: underline; color:#666666;}
#menu1 h3 a:hover {text-decoration: none; color: #000000;}

/*===== Page body =====*/
#contents { margin-top:35px; margin-right: 40px;
        /*  we substracted navigation width from page width and got 800px*/
        width:710px;
        height:auto;
        /* have a minimum height, this does not work in IE*/
        min-height:300px;
        /* use float to inverse position with navigation DIV*/
        float:right;}
#contents h2, #contents h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#1C121D;}
#contents h2 {font-size:125%;}
#contents h3 {
	font-size:98%;
	margin-bottom:1em;
	font-weight: bold;
}
#contents p {font-size:90%; line-height: 150%; padding-bottom:12px;}
#contents ul {
	padding-left:0.75em;
	margin-bottom:0.5em;
	margin-left: 1em;
	font-size:90%;
}
#contents li {list-style:square;}
#contents a {color: #0000CC; text-decoration: underline;}
#contents a:hover {color: #FF0000; text-decoration: underline;}
#menu li a {padding:2px;}
/*===== Footer =====*/
#footer {clear:both; margin-top:.5em; background:#1C121D; color:#fff;}
#footer p {font-size:70%; padding-top:2px; text-align:center;}
#footer a, #footer a:visited {text-decoration: none; color: #FFFF99;}
#footer a:hover {text-decoration:none; color: #FF6600;}
/*===== Miscellanea =====*/
#contentmenu {width:755px; margin-left: 12px; float:right; height:auto;}
#searchcontent {width:880px; margin-left: 12px; float:left; height:auto;}


#menu a, #menu1 ul a {color: #CC6600; text-decoration: underline;}			
#menu a:hover, #menu1 ul a:hover {color: #FFFFFF; background-color: #333333; text-decoration:underline;}

.permission a
{
	font-size: 85%;
	color: #333333;
}

.video a
{
	font-size: 90%;
	color: #333333;
}


.figureright
{
	padding: 6pt;
	margin: 1pt;
	float: right;
	font-size: 9pt;
	color: #666666;
}

.figureleft 
{
	padding: 6pt;
	margin: 1pt;
	float: left;
	font-size: 9pt;
	color: #666666;
	border: none;
}

.figurecenter
{
	padding: 6pt;
	margin: 1pt;
	font-size: 9pt;
	text-align : center;
	color: #666666;
	border: none;
}

.paragraph
{
margin: 6px;
}

.grayhead
{
font-size: 90%;
font-weight: bold;
color:#999999;
}

.grayblog
{
font-size: 10pt;
color:#999999;
font-weight: bold;
}

.even
{	
background-color: #dddddd;
padding: 5px 5px 5px 5px;
border: solid;
border-width: thin;
}

.uneven
{	
background-color: Silver;
padding: 5px 5px 5px 5px;
border: solid;
border-width: thin;
}

.superscript {text-decoration:none;}

#next a
{
	font-size: 12pt;
	color: #666666;
	float: right;
}

#prev a
{
	font-size: 12pt;
	color: #666666;
	float: left;
}

        /* slider specific CSS */
        .sliderGallery {
            background: url(productbrowser_background_20070622.jpg) repeat;
            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 160px;
            width: 690px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
			top: 3px;
            padding: 2;
            margin: 5;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
		
		.sliderGallery2 UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
			top: 113px;
            padding: 2;
            margin: 5;
        }
        
        .sliderGallery2 UL LI {
            display: inline;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			color:#CCCCCC;
        }
   
        
        .slider {
            width: 680px;
            height: 17px;
            top: 140px;
            margin-left: 5px;
            padding: 1px;
            position: relative;
            background: url(productbrowser_scrollbar.png) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url(productbrowser_scroller_20080115.png) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 2px;
        }
        
        .slider .slider-lbl1 {
            left: 40px;
        }
        
        .slider .slider-lbl2 {
            left: 165px;
        }
        
        .slider .slider-lbl3 {
            left: 250px;
        }

        .slider .slider-lbl4 {
            left: 320px;
        }

        .slider .slider-lbl5 {
            left: 390px;
        }
        .slider .slider-lbl6 {
            left: 555px;
        }