@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	font: 13px Arial, Helvetica, sans-serif, Tahoma;
	color: #717171;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clear_right {
	clear: right;
	height: 1px;
	overflow: hidden;
}

/*--Whole Header--*/
#whole_header {
	margin: auto;
	overflow: hidden;
	background: url(../images/dot_bg.gif) repeat;
}

#header_ct {
	margin: auto;
	width: 1085px;
	height: 136px;
	overflow: hidden;
}

#top_navi {
	overflow: hidden;
	float: right;
	padding: 45px 0 0 0;
}

#top_navi a {
	float: left;
	padding: 0 10px;
}

#whole_navi_logo {
	height: 86px;
	overflow: hidden;
}

#logo {
	float: left;
	padding: 15px 0 0 0;
}

#navigation {
	margin: 22px 0 0 0;
	height: 42px;
	overflow: hidden;
}

#navigation a {
	float: left;
}

.line_navi {
	float: left;
}

/*--Whole Banner--*/
#whole_banner_ly01 {
	background: url(../images/banner_bg01.jpg) no-repeat center top;
	overflow: hidden;
	height: 392px;
}

#whole_banner_ly02 {
	background: url(../images/banner_bg02.jpg) no-repeat center 195px;
	overflow: hidden;
	height: 392px;
}

#whole_banner_ly02_ct {
	margin: auto;
	width: 1085px;
	overflow: hidden;
}

#banner_left {
	float: left;
	width: 542px;
}

#banner_left_ct {
	padding: 33px 0 0 31px;
}

#banner_left_ct .reqbtn {
	margin: 20px 0 0 0;
}

#banner_right {
	float: right;
	width: 543px;
	overflow: hidden;
	height: 392px;
}

#banner_right_ct {
	color: #000000;
}

#banner_right_ct a {
	color: #26ab34;
	text-decoration: none;
}

#banner_right_ct a:hover {
	color: #26ab34;
	text-decoration: underline;
}

/*--Whole Four Box--*/
#whole_fourbox {
	background: url(../images/dot_bg.gif) repeat;
	border-bottom: 3px solid #000000;
}

#whole_fourbox_ct {
	margin: auto;
	width: 1085px;
	padding: 25px 0 10px 0;
	color: #FFFFFF;
}

#whole_fourbox_ct .align {
	margin-right: 15px;
}

#efbox {
	width: 260px;
	float: left;
}

#efbox h4 {
	padding-bottom: 15px;
}

#efbox .icon {
	float: left;
	width: 44px;
}

#efbox .ct {
	float: left;
	width: 200px;
	margin-left: 10px;
}

#efbox .ct ul {
	list-style: none;
}

#efbox .ct ul li {
	padding: 0 0 15px 0;
}

#efbox .ct ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

/*--Whole Body--*/
#whole_body {
	background: #000000 url(../images/bg_body.jpg) repeat;
}

#whole_body_ly02 {
	background: url(../images/bg_body_02.png) repeat-x top;
	padding: 25px 0 0 0;
}

#body {
	width: 1085px;
	margin: auto;
}

#body_left {
	float: left;
	width: 280px;
}

#leftbox {
	
}

#leftbox_hd {
	height: 8px;
	overflow: hidden;
}

#leftbox_hd_ct {
	float: left;
	background: url(../images/left_box_hd_bg.png) repeat-x;
	width: 264px;
	height: 8px;
	overflow: hidden;
}

#leftbox_ct {
	width: 280px;
	background: url(../images/left_box_bg.png) repeat-y;
}

#leftbox_ft {
	height: 8px;
	overflow: hidden;
}

#leftbox_ft_ct {
	float: left;
	background: url(../images/left_box_ft_bg.png) repeat-x;
	width: 264px;
	height: 8px;
	overflow: hidden;
}

#blog {
	padding: 7px 15px;
	text-shadow: 1px 1px 0 #FFFFFF;
	color: #5f5f5e;
}

#blog ul {
	list-style: none;
}

#blog ul li {
	padding: 10px 0 12px 0;
	background: url(../images/blog_line_bg.png) repeat-x bottom;
}

#blog ul li a {
	color: #5f5f5e;
	text-decoration: none;
}

#blog ul li a:hover {
	color: #9f9f9f;
	text-decoration: underline;
}

#testimonial {
	padding: 7px 15px;
	text-shadow: 1px 1px 0 #FFFFFF;
	color: #5f5f5e;
}

#testimonial p {
	font-style: italic;
	padding: 10px 0;
	color: #b4b4b4;
}

#body_right {
	float: right;
	width: 780px;
}

#wlcbox {
	line-height: 19px;
	text-shadow: 1px 1px 0 #FFFFFF;
}

#wlcbox h3 {
	padding-bottom: 15px;
}

#wlcbox h4 {
	font-size: 13px;
	color: #5f5f5e;
}

#gogreen {
	margin: 20px 0 0 0;
}

#gogreen_hd {
	background: url(../images/gogreeen_hd_bg.jpg) repeat-x;
	height: 10px;
	overflow: hidden;
}

#gogreen_ct {
	background: #FFFFFF;
	border-left: 3px solid #30af46;
	border-right: 3px solid #30af46;
	padding: 5px 15px 0 10px;
	line-height: 19px;
}

#gogreen_ct b {
	color: #009419;
}

#gogreen_ct .icon {
	float: left;
	padding-right: 10px;
}

#gogreen_ft {
	background: url(../images/gogreeen_ft_bg.jpg) repeat-x;
	height: 10px;
	overflow: hidden;
}

/*--Whole Footer--*/
#whole_footer {
	background: url(../images/bg_body.jpg) repeat;
}

#footer {
	margin: auto;
	width: 1085px;
	padding: 20px 0 0 0;
}

#footer_ct {
	float: left;
	background: url(../images/footer_bg.png) repeat-x;
	width: 1029px;
	padding: 20px 20px 30px 20px;
	overflow: hidden;
}

#footer_ct a {
	color: #717171;
	text-decoration: none;
	padding: 0 5px;
}

#footer_ct a:hover {
	color: #009419;
	text-decoration: none;
	padding: 0 5px;
}

#footer_ct b {
	color: #009419;
}

.footer_line {
	height: 2px;
	background: url(../images/blog_line_bg.png) repeat-x center;
	margin: 7px 0;
	clear: both;
	overflow: hidden;
}

/*--Whole Sub Page--*/
#whole_subpage {
	margin: auto;
	width: 1085px;
}

#subpage_ly01 {
	background: url(../images/subpage_bg_left.png) repeat-y top left;
	overflow: hidden;
}

#subpage_ly02 {
	background: url(../images/subpage_bg_right.png) repeat-y top right;
	padding: 0 2px;
	overflow: hidden;
}

#subpage_ly03 {
	background: #FFFFFF url(../images/bg_body_02.png) repeat-x top;
	overflow: hidden;
}

#subpage_left {
	width: 303px;
	float: left;
	overflow: hidden;
}

#categorybox {
	background: url(../images/category_bg.png) no-repeat top right;
	padding: 0 0 10px 0;
}

#categorybox_ct {
	float: left;
	background: #FFFFFF;
	padding: 25px 6px 0 7px;
}

#categorybox_ct ul {
	list-style: none;
	padding-right: 5px;
}

#categorybox_ct ul li {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #e8e8e8;
}

#categorybox_ct ul li a {
	color: #000000;
	text-decoration: none;
	padding: 0 10px 0 0;
	text-shadow: 1px 1px 0 #ffffff;
}

#categorybox_ct ul li a:hover {
	color: #000000;
	text-decoration: none;
	padding: 0 10px 0 0;
	background: url(../images/stripe.jpg) no-repeat right 0.2em;
	text-shadow: 1px 1px 0 #ffffff;
}

#categorybox_ct ul li a.highlight {
	color: #000000;
	text-decoration: none;
	padding: 0 10px 0 0;
	background: url(../images/stripe.jpg) no-repeat right 0.2em;
	text-shadow: 1px 1px 0 #ffffff;
}

#subpage_right {
	width: 774px;
	float: right;
	overflow: hidden;
}

#sr01 {
	padding: 10px 0 0 0;
	overflow: hidden;
}

#sr01 #sr_left {
	float: left;
	width: 540px;
	overflow: hidden;
}

#sr_left_ct {
	overflow: hidden;
}

#sr_left ul {
	list-style: none;
}

#sr_left ul li {
	background: url(../images/arrow_green.jpg) no-repeat 0em 0.3em;
	padding: 0 0 0 12px;
	font-size: 11px;
	overflow: hidden;
	text-shadow: 1px 1px 0 #ffffff;
}

#sr_left h1 {
	color: #868686;
	font-family: Calibri;
	font-size: 23px;
	text-transform: uppercase;
	line-height: 26px;
	padding: 10px 0;
}

#sr01 #sr_right {
	float: right;
	width: 210px;
}

#rite_fo {
	background: url(../images/bg_rite.png) no-repeat;
	width: 207px;
	height: 434px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

#rite_fo #row {
	padding: 10px 12px;
	overflow: hidden;
}

#rite_fo #row .rw_left {
	float: left;
	width: 62px;
}

#rite_fo #row .rw_right {
	float: right;
	width: 117px;
}

#rite_fo #row .rw_right h4 {
	padding: 10px 0 10px 0;
	overflow: hidden;
}

#rite_fo #row .rw_right ul {
	list-style: none;
}

#rite_fo #row .rw_right ul li {
	background: url(../images/arrow_green.jpg) no-repeat 0em 0.3em;
	padding: 0 0 0 12px;
	font-size: 11px;
	overflow: hidden;
	text-shadow: 1px 1px 0 #ffffff;
}

#rite_line {
	padding: 5px 0;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
}

#whole_feature_product {
	padding: 10px 13px 30px 0;
}

#whole_feature_product h1 {
	color: #868686;
	font-family: Calibri;
	font-size: 23px;
	text-transform: uppercase;
	line-height: 26px;
	padding: 0 0 0 20px;
}

#whole_feature_product h3 {
	color: #bcbcbc;
	font-family: Calibri;
	font-size: 21px;
	line-height: 21px;
	padding: 0 0 0 20px;
}

#whole_feature_product h4 {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

#ft_row {
	margin: 0 0 20px 0;
}

#ft_row_hd {
	background: url(../images/ft_hd_bg.jpg) repeat-x;
	height: 9px;
	overflow: hidden;
}

#ft_row_ct {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	background: url(../images/ft_bg.jpg) repeat-x bottom;
	padding: 10px 10px 10px 0;
	overflow: hidden;
}

#ft_row_ct_row {
	padding: 10px 0;
}

#ft_row_ct_row .ftleft {
	width: 378px;
	float: left;
}

#ft_row_ct_row .ftright {
	width: 320px;
	float: right;
}

#ft_row_ct_row .ftright p {
	padding: 15px 0;
	border-bottom: 1px solid #e8e8e8;
}

#ft_row_ft {
	background: url(../images/ft_ft_bg.jpg) repeat-x;
	height: 9px;
	overflow: hidden;
}

#subpage_footer {
	height: 8px;
	overflow: hidden;
}

#subpage_footer_ct {
	float: left;
	background: url(../images/subpage_ft_bg.png) repeat-x;
	height: 8px;
	overflow: hidden;
	width: 1069px;
}

.textarea_holder textarea {
	border: 1px solid #cccccc;
	width: 100%;
	height: 200px;
}

.invisible {
	display: none;
}

.required_alert
{
	border: 1px solid #ff0000 !important; 
}