/*
 * Theme Name: Hagitec Custom Theme
 * Theme URI: http://www.hagitec.co.jp
 * Description: Custom Wordpress Theme built by Glide Design for Hagitec
 * Version: 1.0
 * Author: Chris Canada for Glide Design
 * Author URI: http://www.glidedesign.com/
 */


/* ********************** GLOBAL - Reset *********************** */

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite,
code, del, dd, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4,
h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre,
q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot,
th, thead, tr, tt, ul, var {
	margin: 0;
	border: none;
	padding: 0;
	text-decoration: none;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}


/* *************** GLOBAL - Rules and Typography *************** */

body {
	font: 13px/20px "Arial", sans-serif;
	color: #303c44;
	background: url(images/body-bg2.jpg);
}
#primary-container {
	margin: auto;
	border-left: 1px solid #198a5a;
	border-right: 1px solid #198a5a;
	width: 880px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */





/* ************************* HEADER ************************** */

#header {
	position: relative;
	padding: 0 15px;
	width: 850px;
	z-index: 15;
	background: #ffffff;
}


/* ********************** HEADER - Logo ********************** */

#logo {
	padding: 17px 0 14px;
	width: 117px;
	height: 44px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	text-indent: -99999px;
	background: url(images/logo.gif) no-repeat left top;
}


/* ******************** HEADER - Contact ********************* */

#header-contact {
	position: absolute;
	top: 0;
	right: 15px;
	padding: 25px 0 0 120px;
	width: 125px;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	background: url(images/header-contact-bg.jpg) no-repeat left bottom;
	line-height: 16px;
}
#header-contact span {
	color: #26b377;
	font-size: 14px;
	font-weight: bold;
}


/* ******************** HEADER - Navigation ****************** */
#main-nav-container {
	z-index: 15;
	background: url(images/body-bg.gif) repeat-x;
}
#main-nav {
	height: 41px;
	list-style-type: none;
}
#main-nav li {
	display: inline;
	float: left;
}
#main-nav a {
	display: block;
	float: left;
	padding: 0 15px;
	outline: none;
	line-height: 41px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}
	#main-nav ul li a {
	display: block;
	float: left;
	padding: 5px 15px;
	font-size: 12px;
	color: #1B7F4A;
	line-height: 16px;
	}
#main-nav a:hover {
	text-decoration:none;
	background: #2BC683;
	cursor:pointer;
}
#main-nav li.current_page a, #main-nav li.current_parent a {
	background: url(images/nav-main-bump.gif) no-repeat center bottom;
}
	#main-nav .menu_item_1 a {
		padding-left: 0;
	}
	#main-nav li.menu_item_1 a, #main-nav li.menu_item_1 a {
		padding: 0 15px;
		background:none;
	}
	#main-nav li.menu_item_1 a:hover, #main-nav li.menu_item_1 a:hover {
		text-decoration:none;
		background: #2BC683;
		cursor:pointer;
	}
#main-nav ul,
#main-nav ul ul {
	display: none;
}

ul#main-nav { margin: 0; padding: 0; list-style: none; position: relative; } 
ul#main-nav ul { width: 200px; /* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; } 
ul#main-nav ul ul,ul#main-nav ul ul ul {
	top: 0;
	left: 100%;
	border-top: 1px solid #1EA15D;
} 
ul#main-nav li { float: left; display: inline; position: relative; } 
ul#main-nav ul li { width: 200px; display: block; } 
/* Root Menu */
ul#main-nav a { float: left; display: block; } 
/* Root Menu Hover Persistence */ 
ul#main-nav a:hover,ul#main-nav li:hover a,ul#main-nav li.iehover a {  } 
/* 2nd Menu */ 
ul#main-nav li:hover li a,ul#main-nav li.iehover li a {
	float: none;
	background: #d2ecdf;
	border-bottom:1px solid #1EA15D;
	border-left:1px solid #1EA15D;
	border-right:1px solid #1EA15D;
	text-transform: none;
	font-weight: normal;
} 
/* 2nd Menu Hover Persistence */ 
ul#main-nav li:hover li a:hover,ul#main-nav li:hover li:hover a,ul#main-nav li.iehover li a:hover,ul#main-nav li.iehover li.iehover a {
	background: #2BC683;
	color: #D2ECDF;
} 
/* 3rd Menu */ 
ul#main-nav li:hover li:hover li a,ul#main-nav li.iehover li.iehover li a {
	background: #d2ecdf;
	border-bottom:#517e6f solid 1px;
	border-left:#517e6f solid 1px;
	border-right:1px solid #1EA15D;
	color: #1B7F4A;
} 
/* 3rd Menu Hover Persistence */ 
ul#main-nav li:hover li:hover li a:hover,ul#main-nav li:hover li:hover li:hover a,ul#main-nav li.iehover li.iehover li a:hover,ul#main-nav li.iehover li.iehover li.iehover a {
	background: #2BC683;
	color: #D2ECDF;
} 
/* 4th Menu */ 
ul#main-nav li:hover li:hover li:hover li a,ul#main-nav li.iehover li.iehover li.iehover li a { 
	background: #d2ecdf; 
	border-bottom:#517e6f solid 1px; 
	border-left:#517e6f solid 1px; 
	border-right:1px solid #1EA15D;
	color: #1B7F4A;
} 
/* 4th Menu Hover */ 
ul#main-nav li:hover li:hover li:hover li a:hover,ul#main-nav li.iehover li.iehover li.iehover li a:hover { 
	background: #2BC683;
	color: #D2ECDF; 
} 
/* Hover Function - Do Not Move */ 
ul#main-nav li:hover ul ul,ul#main-nav li:hover ul ul ul,ul#main-nav li.iehover ul ul,ul#main-nav li.iehover ul ul ul { display: none; } 
ul#main-nav li:hover ul,ul#main-nav ul li:hover ul,ul#main-nav ul ul li:hover ul,ul#main-nav li.iehover ul,ul#main-nav ul li.iehover ul,ul#main-nav ul ul li.iehover ul { display: block; }


/* ************************* sub nav ************************* */

#sub-nav {
	border-bottom: 1px solid #e5e8e9;
	width: 850px;
	height: 41px;
	list-style-type: none;
}
#sub-nav li {
	display: inline;
	float: left;
	padding: 0 20px 0 0;
}
    #sub-nav ul li {
        padding: 0;
    }

#sub-nav a {
	display: block;
	float: left;
	outline: none;
	line-height: 41px;
	font-weight: bold;
	color: #303c44;
}
	#sub-nav a:hover,
	#sub-nav .current_page_ancestor a,
	#sub-nav li.current_page_item a {
		color: #198a5a;
		background: url(images/sub-nav-current.gif) repeat-x left bottom;
	}

/* ************************* CONTENT ************************* */

#content {
	padding: 0 15px;
	width: 850px;
	background: url(images/content-bg.gif) left bottom repeat-x #ffffff;
}

.header-arrow {
	background: url(images/header-arrow.png);
}

/* ******************* CONTENT - Masthead ******************** */

#masthead {
	position: relative;
	border-bottom: 1px solid #e5e8e9;
	padding: 15px 0 15;
	width: 850px;
}

#title {
	width: 850px;
	height: 90px;
}
#title h2 {
	float: left;
	padding-left: 25px;
	line-height: 90px;
	font-size: 24px;
	font-weight: normal;
	background: url(images/header-arrow.png) no-repeat 11px center;
}

#title h2 a {
	text-decoration: none;
	color: #198a5a;
}

#title h2 a:hover {
	text-decoration: underline !important;
}
	#title #parent-title {
	padding-left: 0;
	background: none;
	color: #198a5a;
}

	#title #list-title {
	padding-left: 0;
	font-size: 24px;
	font-weight: normal;
	background: none;
	}
#masthead h3 {
	line-height: 32px;
	font-size: 18px;
	color: #198a5a;
	margin-bottom:10px;
	font-weight: bold;
}
#back-button {
	display: block;
	position: absolute;
	bottom: 30px;
	right: 0;
	padding: 0px 0 0 45px;
	width: 170px;
	height: 30px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url(images/back-button-bg.png) no-repeat left top;
	line-height: 30px;
}
#lead {
	font-weight: bold;
	color: #198a5a;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	padding-right: 130px;
}

#lead a {
	color: #198a5a;
	text-decoration: underline;
}

#lead a:hover {
	color: #993333;
}


/* ********************** CONTENT - Main ********************* */

#content-inner {
	padding: 30px 0 0;
}
#main {
	position: relative;
	float: left;
	padding: 0 0 90px;
	width: 520px;
}

#main h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
#main h4 {
	margin-bottom: 5px;
	font-size: 14px;
	color: #198a5a;
}
#main p {
	margin-bottom: 25px;
}
#main ol {
	margin: 0 0 20px 18px;
}
#main ul {
	list-style-type: none;
	margin: 0px 0px 25px;
	padding: 0px;
}
#main ul li {
	padding-left: 18px;
	background: url(images/main-li-marker.png) 0 7px no-repeat;
	padding-right: 30px;
}
	#main .gfield {
		padding-left: 0;
		background: none;
	}
#main a {
	text-decoration: underline;
	color: #198a5a;
}
#main a:hover {
	color: #993333;
}

#main #sitemap {
}
#main #sitemap .ddsg-wrapper p, #main #sitemap .ddsg-wrapper h2 {
	display: none;
}

#main #sitemap .ddsg-wrapper ul li {
	background: url(none);
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}


#main #sitemap .ddsg-wrapper li li{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
#main #sitemap .ddsg-wrapper li li li{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
}
#main #sitemap .ddsg-wrapper li li li li {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
}

.nowrapping {
	white-space: nowrap !important;
}

hr {
	margin: 5px 0px 30px;
	border-top: 1px solid #E5E8E9;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.post_column_1 {
	margin-bottom: 15px;
}

.post_column_1 p {
	margin: 0px !important;
	padding: 0px 0px 5px !important;
}


.excerpts-from-children h3 {
	font-weight:bold;	
}

.excerpts-from-children {
	border-bottom: 1px solid #E5E8E9;
	float:left;
	padding:20px 0 15px 0;
	width:100%;
}

.product-item-image {
	float:left;
	text-align:center;
	width:200px;
	/* overflow:hidden; */
}
.product-item-text {
	float:left;
	margin:0 20px;
	padding-right:100px;
	width:500px;
}
.product-item-text p {
	margin-top:10px;
}
.excerpts-from-children img {
	float:left;
	margin-right:20px;
}

.read-more-link {
	float:left;
	height: 41px;
	background: url(images/stripe.png) repeat-x left top;
}

#main .read-more-link a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-transform:capitalize;
	font-size:12px;
	line-height: 34px;
	height: 34px;
	padding-right: 10px;
	padding-left: 10px;
}
#main .read-more-link a:hover {
	color:#000000;
}

/* ********************* CONTENT - Sidebar ******************* */

#sidebar {
	float: right;
	text-align:right;
	width: 300px;
	margin-left:10px;
}
.widget-list {
	list-style-type: none;
}
#sidebar .widget h3 {
	margin-bottom: 20px;
	line-height: 45px;
	font-size: 28px;
	font-weight: normal;
	color: #198a5a;
}
#sidebar .widget img {
	margin-bottom: 10px;
	border: 1px solid #e0e3e5;
	padding: 4px;
}
#sidebar .widget a {
	display: block;
	text-decoration: underline;
	color: #1f1f1f;
}
	#sidebar .widget .catalog-view {
	margin: 15px 0;
	line-height: 30px;
	color: #198a5a;
	background: url(images/pdf-logo.png) no-repeat left top;
	white-space: nowrap;
	display: block;
	width: 250px;
	float: right;
	}
#sidebar .widget a:hover {
	color: #993333;
}

#sidebar-contact-info {
	text-align: left;
}

#sidebar-contact-info p {
	margin-bottom: 15px;
}

#sidebar-contact-info a {
	display: inline;
}


/* ******************* CONTENT - Home Page ******************* */

#masthead.home {
	overflow: hidden;
	position: relative;
	border: none;
	width: 850px;
	height: 275px;
	background: url(images/home-masthead-bg.gif) repeat-x center top #cecece;
}
.masthead-slide-wrap {
	padding: 25px 0 25px 15px;
	height: 225px;
}
.masthead-slide-image {
	float: left;
	margin-right: 30px;
	padding: 2px;
	width: 240px;
	height: 220px;
	background-color: #FFFFFF;
}
.masthead-slide-text {
	float: left;
	padding: 15px 0;
	width: 550px;
	height: 200px;
	color: #ffffff;
}
.masthead-slide-text h2 {
	line-height: 36px;
	font-size: 32px;
	padding-bottom: 15px;
}
.masthead-slide-text p {
	font-size: 14px;
}
.link-stripe-start {
	float:left;
	width: 18px;
	height: 41px;
	margin:20px 0 0 0;
	background: url(images/stripe-start.png) no-repeat left top;
}
.link-stripe-end {
	float:left;
	width: 18px;
	height: 41px;
	margin:20px 0 0 0;
	background: url(images/stripe-end.png) no-repeat left top;
}
	.excerpts-from-children .link-stripe-end {
		margin:0;
	}
.link-stripe {
	float:left;
	width: 400px;
	height: 41px;
	background: url(images/stripe.png) repeat-x left top;
	margin: 20px 0 0;
}
.link-stripe a {
	display: block;
	padding-left: 15px;
	outline: none;
	text-transform: capitalize;
	line-height: 34px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.link-stripe a:hover {
	color: #993333;
}
#main.home h3 {
	margin-bottom: 15px;
	line-height: 45px;
	font-size: 28px;
	font-weight: normal;
	color: #198a5a;
}
#main.home a {
	outline: none;
}
#bottom-panels {
	clear: both;
	padding-top: 15px;
	width: 850px;
	height: 250px;
	background: url(images/home-panels-bg.gif) repeat-x 0 45px;
	margin-bottom: 60px;
}
#bottom-panels .panel {
	float: left;
	padding: 60px 0 30px;
	height: 160px;
}
#bottom-panels .panel h4 {
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 20px;
	font-weight: normal;
	color: #198a5a;
}
#bottom-panels .panel p {
	margin-bottom: 15px;
}
#bottom-panels .panel a {
	display: block;
	outline: none;
	text-decoration: underline;
	color: #198a5a;
}
#bottom-panels .panel a:hover {
	color: #993333;
}
#bottom-panels .panel.left {
	margin-right: 50px;
	width: 295px;
	background: url(images/green-talk.png) no-repeat left top;
}
#bottom-panels .panel.right {
	width: 405px;
	background: url(images/green-exclamation.png) no-repeat 0 10px;
}

/* ***************** CONTENT - Breadcrumbs ***************** */
#breadcrumb, #breadcrumb a {
	color:#999999;
	font-size:12px;
}
#breadcrumb a:hover {
	color:#999999;
	text-decoration:underline;
}


/* ***************** CONTENT - Product Pages ***************** */

#main.product-list {
	float: none;
	width: 850px;
	margin-bottom: 90px !important;
	padding-bottom: 90px !important;
}
	#main.product-list .product-list-wrap {
		float:left;
		padding-bottom: 90px ;
	}
#main.product-detail {
	/*padding-bottom: 400px;*/
	width: 850px;
	padding-bottom: 100px;
}
#main.product-list h3 {
	line-height: 24px;
}

#main.product-list h3 span {
	background: #F3F3F3;
	font-size: 14px;
	font-weight: bold;
}
.placeholder {
	display: none;
}
#sidebar.product-detail img {
	margin-bottom: 10px;
}
.product-table-container {
	width:auto;
	max-width: 850px;
	overflow-x:scroll;
	padding:0;
	border:1px solid #A9C7BA;
	margin-bottom:30px;
}
.product-table {
	width:100%;
	clear: both;
	border-collapse: collapse;
}

.product-table-acronyms {
	float: left;
	padding: 10px 0;
	width: 175px;
	text-align: left;
}
#content-inner .product-table-acronyms p {
	margin-bottom: 0;
}
.product-table-acronyms span {
	color: #198a5a;
}
.product-table thead {
	border: 1px solid #a9c7ba;
	height: 34px;
	font-size: 14px;
	color: #198a5a;
	background: #D1EEE3;
}
.product-table th {
	text-indent: 15;
	text-align:right !important;
	border-right:1px solid #A9C7BA;
	background: #D1EEE3;
}
.product-table th, .product-table td {
	/* white-space:nowrap;*/
}
.product-table tbody {
	text-align: right;
}
	.product-table .model {
		text-align: left;
	}
.product-table .column-titles {
	height: 48px;
	color: #198a5a;
	background: url(images/column-titles-bg.gif) repeat-x left top;
}
.product-table .odd {
	background-color: #f5f7f5;
}
.product-table .even {
	background-color: #ffffff;
}
.product-table td {
	border: 1px solid #b9cdc3;
	padding: 0 5px;
	line-height: 15px;
}





/* ************************* FOOTER ************************** */

#footer {
	margin: auto;
	border-top: 1px solid #d8e1e1;
	padding: 20px 15px;
	width: 850px;
	font-size: 11px;
	color: #a8adb0;
	background: #ffffff;
}
#footer p {
	clear: both;
	margin: 0;
}
#footer p a {
	color: #a8adb0;
}
#footer p a:hover {
	color: #993333;
}


/* ******************* FOOTER - Navigation ******************* */

#footer-nav {
/*	padding-left: 235px;*/
	list-style-type: none;
}
#footer-nav li {
	float: left;
	padding: 0 4px 0 8px;
	background: url(images/footer-li-divider.png) no-repeat 0 7px;
}
	#footer-nav .page-item-1 {
		padding-left: 0;
		background: none;
	}
#footer-nav a {
	text-decoration: underline;
	color: #67757d;
}