body {margin-top:6px;margin-left:6px;margin-right:6px;margin-bottom:0px;padding:0;
color:#333333;background: #F5F6F7;
font-family: Verdana,Arial,sans-serif; 
font-size: small;}
html>body { font-size: small; } /* for Opera */

.top_menu {text-decoration:none}
.top_menu:hover {text-decoration:underline}
.top_menu_small {font-size:smaller;text-decoration:none}
.top_menu_small:hover {font-size:smaller;text-decoration:underline}

a:link {color: #0088CC;}
a:visited {color: #0088CC;}
a:hover {color: #0088CC;}

a img {border-style: none;}
p {margin:0.375em 0;}
ul {padding-left:20px;}
h3{font-size:1.3em;font-family: Arial,sans-serif; margin:0px}

td {padding:0px;margin:0px}

label, select {font-size: 85%;font-family: Tahoma, sans-serif;color: #333333;}
select{background-color:#fff;border: inset 1px #232323;}
input{background-color: #fff;border: inset 1px #232323;}
textarea{background-color: #fff;border: inset 1px #232323;}

.fg_href_image img {margin-top: 4px;}

.fg_button {margin-top: 3px;text-decoration: none;
font-weight: bold;letter-spacing: 0.1em;
margin: 0 1px 0 0;padding: 2px 4px 4px 4px;
width: 60px;height: 20px;
-moz-user-select: none;-khtml-user-select: none;
}
.fg_button:link {
background: #666 url('bg_grad_gray1.gif') repeat-x;
color: #fff;border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
}
.fg_button:visited {
background: #666 url('bg_grad_gray1.gif') repeat-x;
color: #fff;border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
}
.fg_button:hover {
background: #666 url('bg_grad_gray2.gif') repeat-x;
color: #000;border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
}
.fg_button:focus {
-moz-user-select: none;
-khtml-user-select: none;
}

/*
#previews{padding: 6px 6px 6px 6px;background-image: url(bg3.gif);
width: 228px;height: 336px;
float: left;margin-bottom: 0px;margin-top: 4px;margin-right: 2px;margin-left: 0px;	}

#thumbnails {clear: both;
margin: 8px auto;margin-top:10px;
margin-left:2px;}
#thumbnails div {position: relative;
width: 96px;height: 64px;
float: left;margin: 8px;
margin-right:6px;	margin-top:7px;
margin-bottom:4px;padding: 0;
float: left;display:inline;
z-index:5;}

#thumbnails img {width: 192px;
height: 128px;
position: absolute;border-top: solid 1px #999;
border-right: solid 1px #404040;border-bottom: solid 1px #333;
border-left: solid 1px #404040;}
*/

#previews2{
border-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 2px 0px 2px 0px; 
background-color: #000;
width: 100%;
height: 80px;
position:relative;
overflow:hidden;
}
#thumbnails2 {
clear: both;/*margin: 8px auto;*/
background-color: #000;
/*slideshow*/
left:10px;position:absolute;width:10000px;
}
#thumbnails2 div {position: relative;width: 112px;height: 78px;
/*float: left;*/
background-image: url(bg4.gif);padding: 0;float: left;display:inline;z-index:5;
}
#thumbnails2 img {
width: 96px;height: 64px;margin: 7px;
/*position: absolute;*/border: solid 1px #000;}

/*
#picture {padding:0px;width:500px;float:left;}
#picture img {border:1px solid #999;}
.selectedThumbnail{border: solid 2px #fc0 !important;}
.inFocus {border: solid 1px #000 !important;}
*/

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
.clear {visibility: hidden;display: block;clear: both;height: 0px;margin: 0;padding: 0;}
pre {background-color: #606060; color: #CCCCCC;padding:8px;font-size:medium;}

.Accordion {width: 240px;border-left:solid 1px #E1E1E1;border-right: solid 1px #E1E1E1;border-bottom: solid 1px #E1E1E1;overflow: hidden;background: #fff;}
.AccordionPanelContent {overflow:auto;height:340px;font-size: 90%;line-height: 140%;}
.AccordionPanelContent ul {margin: 0;padding:1.375em;}
.AccordionPanelContent div {margin: 3px 3px; }
/*
.AccordionPanelTab {color: #ccc;border-top: solid 1px #999;	border-bottom: solid 1px #3a3a3a;-moz-user-select: none; -khtml-user-select: none;	background: #080808 url('bg_grad_gray3.gif') repeat-x;}
.AccordionPanelTab h3 {margin: 0;padding: 2px 2px 4px 30px;	font-size: 100%;background: url('blt_panel_exp.gif') no-repeat left 50%;} 
.AccordionPanelTabHover {color: #fff; }
.AccordionPanelClosed .AccordionPanelTab h3 {background: url('blt_panel_clps.gif') no-repeat left 50%; }
*/


.product_area {float:left; width:206px;height:282px;background: url('entry_background.jpg') no-repeat;}
.product_area_inner {padding-left:10px;padding-top:6px;padding-right:4px;}
.product_area_inner h4 {}

.screen{background-color:#bbb;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;border-left:solid 1px #3a3a3a;border-right:solid 1px #3a3a3a;margin:5px 5px 5px 0;
padding:1em 1em 0.5em 1em;float:left;display:block;text-decoration: none;}
.screen:hover {
background-color: #fff;color: #000;
border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
text-decoration: none;
}

.headline {font-size: 1em; font-weight:bold;color:#222222;
background:#DFDFDF url(box_header.gif) repeat-x scroll 0 0;
border-bottom:1px solid #D9D9D9;padding:0.3em 8px 0.2em;margin:0px -2px 0.85em -2px}

/*
.PageHeader{background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
display:block;
margin-left:auto;margin-right:auto;margin-top:4px;
width:790px;
}
*/

.PageLargeBoxTop{background:#FFFFFF url(content_top.gif) no-repeat scroll center top;
width: 858px;height:7px;margin-left:auto;margin-right:auto;margin-top:10px;}

.PageLargeBoxInner{background:#FFFFFF url(content_middle.gif) repeat-y scroll 0 0;
width: 836px;color:#222222;padding: 0px 10px 10px 10px;
margin-left:auto;margin-right:auto;height:auto;}

.PageLargeBoxBottom{
background:#FFFFFF url(content_bottom.gif) no-repeat scroll center top;
width: 858px;height:7px;margin-left:auto;margin-right:auto;
}

.Box2Top{background:#FFFFFF url(content2_top.gif) no-repeat scroll center top;
width: 416px;height:7px;margin-left:auto;margin-right:auto;margin-top:10px;}
.Box2Inner{background:#FFFFFF url(content2_middle.gif) repeat-y scroll 0 0;
width: 394px;color:#222222;padding: 0px 10px 10px 10px;
margin-left:auto;margin-right:auto;height:auto;}
.Box2Bottom{
background:#FFFFFF url(content2_bottom.gif) no-repeat scroll center top;
width: 416px;height:7px;margin-left:auto;margin-right:auto;
}

.documentation {margin-right: 20px;background:#ffffff;color:#5E879D}

#pnl_down {width:884px; margin:2px auto;}

.ImageBox{padding:2px 2px 2px 2px;margin: 4px;border:solid 1px;border-color:#999999;}

/* crir checkbox start */
/* Checkboxes */
label.checkbox_checked{background: url(checkbox2.png) no-repeat;margin:6px 6px;padding-left:15px;color:#333333;}
label.checkbox_unchecked{background:url(checkbox1.png) no-repeat;margin:6px 6px;padding-left: 15px;color: #333333;}
/* Radio Buttons */
label.radio_checked{background:url(option2.png) no-repeat;display: block;margin:6px 6px;padding-left: 15px;color: #333333;}
label.radio_unchecked{background:url(option1.png) no-repeat;display: block;margin:6px 6px;padding-left: 15px;color: #333333;}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* crir  checkbox ends */


input.file{
	border:inset 1px #b1b1bc;
	border-color: #333333; 
	background-color: #333333;
/* google search input	
border: 1px solid rgb(126, 157, 185); 
padding: 2px; 
background: transparent url(http://www.google.com/coop/intl/en-US/images/google_custom_search_watermark.gif) no-repeat scroll left center; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial;	
*/
}

/* TODO: rounded input */
div.fileinputs input {
/*background:transparent url(input_boxes.gif) no-repeat scroll 0pt -58px;*/
width: 160px;
border:inset 1px #b1b1bc;border-color: #333333; 
height:20px;padding-left:3px;padding-top:3px;}

/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
ul.menu {list-style-type:none;margin:0;padding:0px 0 0 6px;float: right;background:#DFDFDF url(box_header.gif) repeat-x scroll 0 0;}
ul.menu li {display:block;height: 28px;float:left;position:relative;margin:0 9px 0 0;padding:0;}
ul.menu li.current {background:#000000;-moz-border-radius:4px;-webkit-border-radius:4px;}
ul.menu li:hover {background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px; margin-top:0px;}
ul.menu li a {display:block;float:left;color:#333333;text-decoration:none;font-size:14px;font-style:normal;
	font-weight:normal;font-family:arial, sans-serif;padding:6px 5px 5px 5px;line-height:18px;
}
ul.menu li a span {font-weight:normal;padding-left:3px;}
ul.menu li.drop a {padding-right:7px;}
ul.menu li.drop:hover li {border:none;}
ul.menu li.drop span.toggle {
	display:block;float:left;width:21px;
	height:28px;background:transparent url("toggle.png") no-repeat 0 -20px;
	padding:0;margin:0 7px 0 0;}
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
	background-position:1px 5px;
}
ul.menu li.drop:hover, ul.menu li.current:hover {-moz-border-radius:0;-webkit-border-radius:0;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;}
ul.menu li.drop:hover ul {margin-left:-1px; display:block;z-index:1;padding-bottom:8px;border-right:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #999;}
ul.menu li ul {display:none;position:absolute;width: 100%;top:24px;left:0;
list-style-type:none;margin:0;
padding:9px 0 0 0;background:#fff;}
ul.menu li ul li {float:none;height: auto;
margin:0;padding:0;border:none;}
ul.menu li ul li a {float:none;background:none;
margin:0;padding:0;display:block;font-size:13px;
height:auto;margin:0;padding:4px 13px 4px 13px;font-weight:normal;}

/* drop down menu hover styles */
ul.menu li:hover ul {border:none;-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;}
ul.menu li:hover ul * {background:none;-moz-border-radius:0;-webkit-border-radius:0;}
ul.menu li ul li:hover {background-color:#E1E1E1;}
/*  ------------------------------  */
/*  DROPDOWN MENU END               */
/*  ------------------------------  */