@import url('http://fast.fonts.com/cssapi/45e64975-c19c-4984-8788-aa62e63354c6.css');

html {

}

body {
	background-color: #fff;
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	text-align: center;
	background-color: #ec6f00;
	background-color: #787878;
	font-family: "Aroma No 2 LT W01 Light", Arial, sans-serif;
}
h1, h2, h3, h4, h5 {
	font-family: "Aroma No 2 LT W01 Regular", Arial, sans-serif;
}
p {
	font-size: 1.4em;
	line-height: 20px;
	margin-top: 25px;
	color: #3b3b3b;
	/*text-align: justify;*/
}
p a {
	color: #ec6f00; 
}
.head-bg-1,
.head-bg-2
{
	position: absolute;
	left: 0px;
	width: 100%;
}
.head-bg-1 {
	top: 0px;
	height: 135px;
	background: #fff url('../img/pat1.gif') repeat top left;
}

.head-bg-2 {
	top: 135px;
	height: 75px;	
	background: #fff url('../img/pat2.gif') repeat top left;
}

.header {
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 210px;
	text-align: left;
}

.main-wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;

	min-height: 400px;;
	background: #fff;
}

.main-wrap .container_16 {
	margin: 0 auto;
}

.head-wrap {
	position: relative;
	height: 210px;
}
#main-menu {
	position: absolute;
	top: 155px;
	left: 0px;
}
#main-menu li {
	display: inline;
	float: left;
	height: 45px;
	margin-left: 20px;
	position: relative;
}
#main-menu li:first-child,
#main-menu li.first
{
	margin-left: 0px;
}
#main-menu a {
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0px 30px 0px 30px;
	background: transparent url('../img/menu-bg.gif') repeat-x top left;
	font-size: 1.7em;

}
#main-menu .rounded {
	-webkit-border-radius: 10px / 15px;
	-moz-border-radius: 10px / 15px; 
	border-radius: 10px / 15px; 

	-webkit-box-shadow: 0px 0px 2px 1px #222;
	-moz-box-shadow: 0px 0px 2px 1px #222;
	box-shadow: 0px 0px 2px 1px #222;
}
.jd_menu li.jdm_hover > a,
.jd_menu li.jdm_active > a {
	background: transparent url('../img/menu-bg-over.gif') repeat-x top left !important;
	color: #7e3b01 !important;
}
#main-menu li a:hover,
#main-menu li.highlight a
{
	background: transparent url('../img/menu-bg-over.gif') repeat-x top left;
	color: #7e3b01;
}

#main-menu .level-2 {
	z-index: 1988;
	position: absolute;
	width: 225px;
	height: auto;
	bottom: 0px;
	left: 0px;
	display: none;
	background-color: #fd9317;
	height: 310px;

	-webkit-border-radius: 15px 0px 15px 0px;
	-moz-border-radius: 15px 0px 15px 0px; 
	border-radius: 15px 0px 15px 0px; 

	-webkit-box-shadow: 0px 1px 1px  #222;
	-moz-box-shadow: 0px 1px 1px  #222;
	box-shadow: 0px 1px 1px  #222;
}
#main-menu .level-2 li {
	position: relative;
	display: block;
	left: 0px;
	height: 40px !important;
	width: 225px !important;
	float: none !important;
	margin-top: 0px !important;
	margin-left: 0px !important;

	text-align: left; 
}
#main-menu .level-2 li a {
	text-align: left; 
	line-height: 40px !important;
	background-image: none !important;
	background: none;
	color: #7e3b01 !important;
}
#main-menu .level-2 li a:hover {
	color: #fff !important;
}
#main-menu .level-2 li.first {
	padding-top: 15px;
}
#main-menu .level-2 li.last {
	padding-bottom: 15px;
}
#main-menu .tail {
	display: none;
	position: absolute;
	left: 50px;
	bottom: 0px;
	width: 20px;
	height: 5px;
	background: transparent url('../img/menu-tail.gif') no-repeat bottom left;
}
.jd_menu .jdm_hover .tail,
.jd_menu .jdm_active .tail {
	display: block !important;
}
.logo {
	position: absolute;
	top: 20px;
	left: 0px;
}

.byline {
	position: absolute;	
	top: 100px;
	left: 0px;
	font-size: 1.4em;
	line-height: 1em;
	color :#fff;
}
.header .phone-2,
.header .phone,
.header .email
{
	font-size: 1.8em;
	line-height: 1em;
	color: #fff;
}
.header a,
.header a:visited
{
	text-decoration: none;
	color: #fff;
}
.header .phone-2 span,
.header .phone span {
	margin-right: 0.5em;
}
.header .phone span {
	display: none !important;
}
.header .phone-2 span,
.header .phone span,
.header .email span {
	display: inline-block;
	color: #ec6f00; 
}
.header .phone-2 {
	position: absolute;
	right: 0px;
/*	top: 55px;*/
	top: 30px;
}
.header .phone {
	position: absolute;
	right: 0px;
	top: 50px;
}
.header .email {
	position: absolute;
	right: 0px;
	top: 70px;
}
.obi {
	position: relative;
	width: 100%;
	height: 52px;
	background: #454545;
	background: #f5f1e9;
}
.obi h3 {
	color: #ec6f00; 
	font-size: 2em; 
	line-height: 52px;
}

.main-wrap {
	text-align: left;
}
.landing-thumbs a {
	text-decoration: none !important;
	color: #ec6f00 !important;  
}
.landing-thumbs { 
	padding-top: 25px;
}
.landing-thumbs .thumb {
	margin-left: 0px;
	margin-right: 20px;
	padding-bottom: 20px;
}
.landing-thumbs .thumb.no-right-margin {
	margin-right: 0px !important;
}
.landing-thumbs .thumb .p {
	background: silver;
	width: 158px;
	height: 95px;
}
.landing-thumbs .thumb .t {
	color: #ec6f00; 
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: 10px;
}

.foot-wrap {
}
.foot-wrap .a-wrap {
	background: #f5f1e8;
	height: 160px;
}
.foot-wrap .b-wrap {
	background: #ede7d9;
	height: 86px;
}
.foot-wrap .c-wrap {
	height: 120px; 
}
.foot-wrap .copyright {
	margin-top: 40px;
	color: #fff;
	font-size: 12px;
	text-align: left;
}
.foot-wrap .banners {
	margin-top: 25px;
	text-align: left;
	margin-left: 5px;
}
.foot-wrap .banners img {
	margin: 0px 7px 0px 7px;
}

.foot-wrap .a-wrap {
	text-align: left;	
}
.foot-wrap .a-wrap p {
	text-align: left;
	font-size: 13px;
	margin-top: 15px; 
}
.foot-wrap .a-wrap p a {
	display: block;
	text-decoration: none;
}
.foot-wrap .a-wrap h5 {
	margin-top: 25px;
	font-size: 1.6em;
	line-height: 1em;
	color: #454545;
}

.main-content {
	padding-bottom: 30px;
}

#page_products .landing-thumbs { 
	padding-top: 25px;
}
#page_products .landing-thumbs .thumb { 
	margin-top: 0px;
	padding-bottom: 20px;
}



















/* slideshow */
.slideshow-wrap {
	position: relative;
	height: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.slideshow-wrap.loader {
	background: transparent url('../img/ajax-loader.gif') no-repeat 50% 50%;
}
#slideshow { 
	width: 100%;
	height: 100%;
	/*background: transparent url('../res/img/slide1.jpg') no-repeat top left;*/
}
#slideshow #bg_menu {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 280px;
	height: 401px;
	background: transparent url('../js/slideshow/img/bg_menu.png') repeat-y top left;
}
#slideshow_menu {
	position: absolute;
	margin-top: 8px;
}
#slideshow_menu li {
	width: 280px;
	height: 55px;
	line-height: 55px;
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 80px;
	/*cursor: pointer;*/
	cursor: default !important;
}
#slideshow_menu.over li.over { background: none; }
#slideshow_menu.over li:hover, #slideshow_menu li:hover, #slideshow_menu li.over { 
	background: transparent url('../js/slideshow/img/pointer_menu.png') repeat-y top left; 
}
#slideshow_container {
	position: absolute;
	width: 940px;
	height: 400px;
	overflow: hidden;
	overflow-y: hidden;
}
#slideshow_container .pic {
	width: 100%;
	height: 100%;
	display: inline;
	visibility: visible;
}
#slideshow_container .data-group {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	zoom: 1;
}
.fade_display img {
	width: 100%;
	height: 100%;
}
.fade_display {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: gray;
	display: none;
}
.tmpl3 .contact_form .errs {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid silver;
	line-height: 1.7em; 
	padding: 10px;
	width: 820px;
	border: 1px solid silver;
}
.tmpl3 .contact_form .errs .span {
	font-size: 12px;
}
.slideshow-bg-wrap {
	width: 100%;
	/*background: #ededed; */
	background: #fff;
}

.product-list {
	margin-top: 15px;
}	
.product-list li {
	background: transparent url('../img/orange-dot.gif') repeat-x bottom left;
}
.product-list li a {
	display: block;
	height: 31px;
	line-height: 31px;
	font-size: 1.4em;
	color: #3b3b3b;
	text-decoration: none;
}
.product-list li.l2.highlight a {
	color: #b4995a;
}
.product-list li.l2 a {
	color: #ec6f00;
}
.product-list li.l2 a:hover {
	color: #b4995a;
}
.specs {
	margin-top: 20px;
}
.specs td {
	color: #3b3b3b;
	padding: 10px;
	vertical-align: top;
	background-color: #feeed1;
	font-size: 1.2em;
}
.specs tr td {
	border-bottom: 1px solid #fff;
}
.specs tr.alt td {
	background-color: #fff6e8;
}
.specs .f {
	color: #000;
}

#page_sub_products .main-image {
	padding-top: 25px;
}

.intro-spec {
	margin-top: 25px;
	padding: 10px !important;
	background: #f2c203;	
}
.prod-desc ul {
	margin-top: 20px;
	padding-left: 15px;
}
.prod-desc ul li {
	color: #3b3b3b;
	font-size: 1.4em;
	list-style-type: disc;
	line-height: 1.4em;
}
.landing-desc p,
.prod-desc p {
	text-align: left !important;
}




/* thingy */
.tmpl3 .content_inner {  }
.tmpl3 .bg_content_main { background: #fdf0e5; }
.tmpl3 .contact_form { margin-left: 0px; margin-top: 20px; padding-bottom: 30px;}
.tmpl3 .contact_form h1 {
	margin-top: 0px;
	padding-top: 10px;
	line-height: 30px;
	height: 30px;
	width: 220px;
	font-size: 20px;
}
.contact_form fieldset {
	min-height: 40px; color: #3f3f3f; 
}
.contact_form fieldset.float {
	display: inline;
	float: left;
	width: 437px;
}
.contact_form fieldset.float.rcol {
	margin-left: 70px;
	width: 370px;
}
.contact_form fieldset > label { 
	display: inline; 
	float: left;
	font-size: 14px;
	line-height: 16px;
	margin-top: 15px;
	width: 185px;
}
.contact_form fieldset.float.rcol > label {
	width: 120px;
}
.contact_form fieldset > label:first-child { 
	margin-top: 8px; 
	width: 190px;
}
.contact_form input[type=text],
.contact_form textarea 
{ 
	background: #ececec;
	width: 180px;
	padding: 5px 15px 5px 15px;
	font-size: 14px;
	vertical-align: middle;
	color: #666;
	border: 1px solid #d8d8d8;
}
.contact_form #phone_area_code { width: 33px !important; }
.contact_form #phone { width: 100px !important; }
.contact_form textarea { min-height: 150px; width: 620px; margin-top: 8px;}
.contact_form #captcha_pic {
	padding: 5px;
	border: 1px solid silver;
	margin-top: 10px;
	margin-right: 20px;
	display: inline;
	float: left;
}
.contact_form input#captcha {
	display: inline;
	float: left;
	margin-top: 13px;
}
.contact_form input[type=button]
{
}

.contact_form input[type=button]
{
	/*width: 72px;
	height: 29px;
	border: none;
	background: transparent url('../img/btn_reset.gif') no-repeat top left;
	cursor: pointer;
	margin-left: 12px;*/
}
.contact_form label.cb { 
	display: block;
	font-size: 14px; 
	line-height: 18px;
	white-space: nowrap;
	margin-top: 10px;
	width: 115px;
}
.contact_form label.cb.wide { 
	width: 200px;
}
.contact_form input[type=radio] { 
	border: 1px solid gray !important; 
}
.contact_form form > .v_space { height: 5px; width: 20px;  }

.contact_list { padding-bottom: 30px; margin-top: 0px;}
.contact_list * { color: #202020; }
.contact_list a { text-decoration: underline; color: inherit;}
.contact_list p { margin-top: 10px; color: #EC6F00; font-size: 14px; line-height: 1.7em; font-weight: bold; white-space: nowrap; margin-left: -10px; }
.contact_list .col-2, .contact_list .col-3 { margin-left: 20px; }
#wmap_canvas {
	border: 1px solid green;
		
}
.tmpl3 fieldset.buttons { 
	margin-top: 20px;
}
.tmpl3 fieldset.buttons input {
	/*border: 1px solid #333;
	background: #efefef;
	padding: 5px 10px 5px 10px !important;
	color: #333 !important;
	width: auto !important;
	height: auto !important;*/

	display: inline;
	float: left;
	text-align: center;
	padding: 5px 10px 5px 10px !important;
	font-size: 14px !important;
	line-height: 14px !important;
	margin-right: 20px;
}
#btn_form_reset {
	border: none !important;
	text-decoration: underline;
	color: #ec6f00; 
	background: #fff !important;;
}

#map_canvas {
	width: 940px;
	height: 415px;
	margin-top: 25px;
}
.map-wrap p {
	padding-bottom: 20px;
	font-size: 1.6em;
	line-height: 22px;
}