@import "nav.css";
@import "icon.css";

/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#444444;
	font-size:11px;
	margin:0 auto;
	background-color:#f5f5f5;
	background-repeat: repeat-x;
	background-position: top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/bg_repeat.jpg);
}

a {
	color:#e31836;
	font-weight:bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:30px; color:#FFFFFF; }

h2 { font-size:28px; color:#e31836; }

h3 { font-size:25px; color:#474747; }

h4 { font-size:16px; color:#e31836; font-weight:normal; }

h5 { font-size:13px; color:#e31836; font-weight:normal; text-transform:uppercase; margin:10px 0 0 0; }

h6 { font-size:14px; margin:0 0 8px 0; }

#thick-hr {
	width:100%;
	height:1px;
	border-top:5px solid #ccc;
	margin:10px 0;
}

/* ---- class settings ----------------------- */

.red {
	color: #e31836;	
}

#solutions-padding {
	padding:55px 20px 0 0;
}

.green-links a {
	color:#70b538;
}

.green-links h4, .green-links h5 {
	color:#70b538;
}

.blue-links a {
	color:#83A7C7;
}

.blue-links h4, .blue-links h5 {
	color:#83A7C7;
}

.blue-links .product-header {
	color:#83A7C7;
}

#grey-box {
	position:relative;
	top:0;
	left:0;
	width:90%;
	height:auto;
	padding:20px;
	background-color:#ddd;
}

#grey-box ul {
	margin:0 0 0 15px;
	padding:0;
}

#grey-box li {
	padding:0 0 10px 0;
}


#hr {
	width:100%;
	height:1px;
	border-top:1px solid #ccc;
	margin:0 0 10px 0;
}

.side-border {
	border-right:1px dotted;
}

.product-header {
	font-size:18px;
	color:#e31836;
	margin-bottom:8px;
}

.img_top {
	position: absolute;
	top: 0;
	left: 0;
}

.img_btm {
	position: absolute;
	left: 0;
	bottom: 0;
}

.img_left {
	padding: 0 8px 10px 0;
}

.hidden-text {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     text-indent: -2000em;
}

.large-text {
	font-size:14px;
}

.small-text {
	font-size:9px;
}

.hr-style {
	border: 3px solid #e0e0e0;
	margin: 15px 0;
}

.form-style {
	border:1px solid #b8b8b8;
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
	width:207px;
}

.product-page-table td, .solutions-table td {
	width:50%;
	vertical-align:top;
	padding:10px 10px 0 0;
}

.solutions-table td h4 {
	margin-top:10px;
}

.no-padding {
	padding:0;
}

/* ---
    min-height:400px;
    height:auto !important;
    height:400px;
--- */

/* ---- layout settings ----------------------- */


#main_container {
	position:relative;
	margin:0 auto;
	width:960px;
	height:auto;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:144px;
	background-repeat:no-repeat;
	background-image:url(/images/bg_header.jpg);
}

#header_blue {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:144px;
	background-repeat:no-repeat;
	background-image:url(/images/bg_header-blue.jpg);
}

#header_green {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:144px;
	background-repeat:no-repeat;
	background-image:url(/images/bg_header-green.jpg);
}

.client-access {
	position:absolute;
	top:0;
	left:833px;
}

/* ---- start nav id settings ------------------------ */
 
#navjp {
	position: relative;
	top:103px;
	left:100px;
	width:765px;
	height:41px;

}

#product_nav {
	position:relative;
	top:0;
	right:12px;
	width:632px;
	height:65px;
}

/* ---- end nav id settings -------------------------- */

#main_top {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	background-repeat:no-repeat;
	background-image:url(/images/bg_main-top.jpg);
	
}

#main_top-sub {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	background-repeat:no-repeat;
	background-image:url(/images/bg_main-top-sub.jpg);
}

#main_top-blue {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	background-repeat:no-repeat;
	background-image:url(/images/bg_main-top-blue.jpg);


}

#main_top-green {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	background-repeat:no-repeat;
	background-image:url(/images/bg_main-top-green.jpg);
}

#main_top-green-sm {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	background-repeat:no-repeat;
	background-image:url(/images/bg_main-top-green-sm.jpg);
}

#main {
	position:relative;
	top:0;
	left:0;
	width:960px;
    height:auto;
	background-repeat:repeat-y;
	background-image:url(/images/bg_main.jpg);
}


#main-sub {
	position:relative;
	top:0;
	left:0;
	width:960px;
    height:auto;
	background-repeat:repeat-y;
	background-image:url(/images/bg_main.jpg);
}

/* ---- start main content settings -------------- */

#printers {
	position:relative;
	top:0;
	left:0;
	width:655px;
	height:110px;
	padding: 0 0 0 0;
}

#content_main {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:345px;
	min-height:400px;
    height:auto !important;
    height:400px;
	padding: 30px 0 0 40px;
}

#content_main-sub {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:632px;
	min-height:400px;
    height:auto !important;
    height:400px;
	padding: 30px 0 20px 30px;
}


#feeds {
	position:relative;
	float:left;
	width:242px;
	height:auto;
	padding: 30px 0 0 25px;
}

#sub_flag {
	position:relative;
	color:#fff;
	font-weight:bold;
	width:450px;
	height:70px;
	padding: 20px 0 0 40px;
}

#sub_flag p {
	padding-left:10px;
}

#sub_flag a {
	color:#deecf9;
}

#content_main-full {
	position:relative;
	top:0;
	left:0;
	width:632px;
	height: auto;
	padding: 0 0 20px 30px;
}

#container_left {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:662px;
	height: auto;
}

#product_container {
	position:relative;
	width:620px;
	min-height:680px;
    height:auto !important;
    height:680px;
	background-repeat:repeat-y;
	background-image:url(/images/product_repeat.jpg);
	padding: 0 0 20px 12px;
	margin-bottom:15px;
}

.gray-box {
	position:relative;
	width:220px;
	height:auto;
	background-color:#ededed;
	padding: 14px 10px 10px 10px;
}

/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#side_bar {
	position:absolute;
	top:35px;
	right:0;
	float:right;
	width:240px;
	height:auto;
	padding: 0 30px 0 0;
}

#side_bar-sub {
	position:relative;
	top:0;
	right:0;
	width:240px;
	height:auto;
}

#container_right {
	position:relative;
	top:0;
	right:0;
	float:right;
	width:240px;
	height:auto;
	padding: 70px 30px 0 0;
}

#sidebar-list ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}

#sidebar-list li {
	margin:0 0 10px 0;
}

/* ---- end side bar content settings ---------------- */

.lang-options a 
{
	display: block;
	float: left;
	margin: 0 7px 0 0;
	width: 16px;
	height: 11px;
	text-indent: -5000px;
	background-color: #eee;
	background-position: 0 0; 
	background-repeat: no-repeat;
}

.lang-en {background-image: url(/images/lang1.jpg); }
.lang-de {background-image: url(/images/lang2.jpg); }
.lang-es {background-image: url(/images/lang3.jpg); }
.lang-fr {background-image: url(/images/lang4.jpg); }
.lang-it {background-image: url(/images/lang5.jpg); }
.lang-china {background-image: url(/images/flag_china.jpg); }
.lang-japan {background-image: url(/images/flag_japan.jpg); }
.lang-korea {background-image: url(/images/flag_korea.jpg); }

#footer {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:121px;
	clear:both;
	background-repeat:no-repeat;
	background-image:url(/images/bg_footer.jpg);
}

.copy {
	position:relative;
	float:left;
	padding: 35px 0 0 40px;
}

.slug {
	position:relative;
	float:right;
	margin: 30px 30px 0 0;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* ---- start navigation settings -------------------------- */
 
/* ---- taken out to use a different nav ----------

#nav a {
	position:relative;
	float:left;
	height:41px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(/images/nav.gif);
}

a#nav_01 {
	width:74px;
	background-position:0 0;
}

a:hover#nav_01{

	background-position: 0 -41px;
}

.active_01 {
	background-position: 0 -41px !important;
}

a#nav_02 {
	width:95px;
	background-position:-74px 0;
}

a:hover#nav_02{
	background-position:-74px -41px;
}

.active_02 {
	background-position:-74px -41px !important;
}

a#nav_03 {
	width:98px;
	background-position:-169px 0;
}

a:hover#nav_03{
	background-position:-169px -41px;
}

.active_03 {
	background-position:-169px -41px !important;
}

a#nav_04 {
	width:99px;
	background-position:-267px 0;
}

a:hover#nav_04{
	background-position:-267px -41px;
}

.active_04 {
	background-position:-267px -41px !important;
}

a#nav_05 {
	width:131px;
	background-position:-366px 0;
}

a:hover#nav_05{
	background-position:-366px -41px;
}

.active_05 {
	background-position:-366px -41px !important;
}

a#nav_06 {
	width:105px;
	background-position:-497px 0;
}

a:hover#nav_06{
	background-position:-497px -41px;
}

.active_06 {
	background-position:-497px -41px !important;
}

a#nav_07 {
	width:68px;
	background-position:-602px 0;
}

a:hover#nav_07{
	background-position:-602px -41px;
}

.active_07 {
	background-position:-602px -41px !important;
}

a#nav_08 {
	width:95px;
	background-position:-670px 0;
}

a:hover#nav_08{
	background-position:-670px -41px;
}

.active_08 {
	background-position:-670px -41px !important;
}  

*/

/* ---- start product nav settings -------------------------- */
 
#product_nav a {
	position:relative;
	float:left;
	height:65px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(/images/product_nav.jpg);
}

a#product_nav_01 {
	width:152px;
	background-position:0 0;
}

a:hover#product_nav_01{

	background-position: 0 -65px;
}

.product-active_01 {
	background-position: 0 -65px !important;
}

a#product_nav_02 {
	width:152px;
	background-position:-152px 0;
}

a:hover#product_nav_02{
	background-position:-152px -65px;
}

.product-active_02 {
	background-position:-152px -65px !important;
}

a#product_nav_03 {
	width:152px;
	background-position:-304px 0;
}

a:hover#product_nav_03{
	background-position:-304px -65px;
}

.product-active_03 {
	background-position:-304px -65px !important;
}

a#product_nav_04 {
	width:176px;
	background-position:-456px 0;
}

a:hover#product_nav_04{
	background-position:-456px -65px;
}

.product-active_04 {
	background-position:-456px -65px !important;
}

/* ---- start nav drop settings -------------------------- */

#hidden-layers {
	position:absolute;
	top:68px;
	left:0;
	width:930px;
	height:auto;
}

#hidden-layers a {
	color:#000;
	display:block;
	font-size:14px;
	text-decoration:none;
}

#hidden-layers a:hover {
	background-color:#006F5F;
	color:#fff;
}

#P1, #P2, #P3, #P4 {
	position:absolute;
	visibility:hidden;
	height:auto;
}

#P1 { width:580px; left:15px; }
#P2 { width:580px; left:15px; }
#P3 { width:580px; left:15px; }
#P4 { width:580px; left:15px; }

#sub_nav {
	position:absolute;
	top:140px;
	left:0;
	width:561px;
	height:26px;
	font-size: 12px;

}

#sub_nav a {
	color: #132530;
	display:block;
	padding: 5px;
	font-weight:normal;
	background-color:#fff;
	border-bottom: 1px solid #132530;
}

#sub_nav a:hover {
	color: #fff;
	background-color:#132530;
	padding: 5px;
	text-decoration: none;
}

#L1, #L2, #L3, #L4, #L5, #L6 {
	position:absolute;
	visibility:hidden;
	height:auto;
	background-color: #fff;
	border-top: 1px solid #132530;
	border-left: 1px solid #132530;
	border-right: 1px solid #132530;
}

#L1 { width:150px; left:340px; }
#L2 { width:150px; left:240px; }
#L3 { width:150px; left:680px; }
#L4 { width:150px; left:450px; }
#L5 { width:150px; left:570px; }
#L6 { width:150px; left:150px; }

.show {
	position:absolute !important;
	visibility:visible !important;
}

.hide {
	position:absolute !important;
	visibility:hidden !important;
}

/*-- --*/

.accord-title{ /*header of 1st demo*/
	cursor: pointer;
	display: block;
	text-align: left;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}

.accord-text {
margin-bottom:8px;
}

.accord-text img {
}

.accord-title a {
}

.accord-text a {
}

.accord-title img {
	margin:0;
}

.accord-title:hover {
}

.accord-open { /*class added to contents of 1st demo when they are open*/
}