body {
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height : 16px;
    font-family: verdana;
    background-color : #A8D260;
}
#top {
    top: 0px;
    left: 0px;
    height: 316px;
    z-index: 2;
    position: absolute;
    background : url(/imgs/re-topbg.gif) repeat-x;
    width: 100%;
}

body div, font, span {	font-size: 11px;	line-height : 16px;	font-family: verdana; }
#bogygrad {
    background : url(/imgs/bodybg-v.gif);
    background-repeat : repeat-x;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 757px;
    width: 100%;
    z-index: 1;
}

#buttonline {
    position: absolute;
    z-index: 5;
    top: 12px;
    width: 1000px;
}
div.btnintd {
}

div.mb_pl2 {	width: 13px;	height: 25px;	background : url(/imgs/menub-pl.gif);	background-repeat : no-repeat;	float: left; }
div.mb_pr2 {	width: 16px;	height: 25px;	background : url(/imgs/menub-pr.gif);	background-repeat : no-repeat;	float: left; }
div.mb_pc2 {					height: 25px;	background : url(/imgs/menub-pc.gif);	background-repeat : repeat-x;	float: left;	padding-top: 4px;	color: #2A5D00;	}

div.mb_pl {	width: 13px;	height: 25px; float: left; }
div.mb_pr { width: 16px;	height: 25px; float: left; }
div.mb_pc {
    height: 25px;
    background : url(/imgs/menub-pc.gif);
    background-repeat : repeat-x;
    padding-top: 4px;
    color: #2A5D00;
    position: relative;
    margin: 0 0 0 13px;
    text-align: center !important;
    display: inline-block;
    float: left;
}

div.mb_pc:hover { background-image: url("../imgs/menub-sc.gif"); }
div.mb_pc:before {
    position: absolute;
    content: '';
    height: 25px;
    width: 13px;
    top: 0;
    left: -13px;
    background: transparent url("../imgs/menub-pl.gif") no-repeat right top;
}
div.mb_pc:hover:before { background-image: url("../imgs/menub-sl.gif"); }
div.mb_pc:after {
    position: absolute;
    content: '';
    height: 25px;
    width: 16px;
    top: 0;
    right: -16px;
    background: transparent url("../imgs/menub-pr.gif") no-repeat left top;
}
div.mb_pc:hover:after { background-image: url("../imgs/menub-sr.gif"); }

.top-menu td:last-of-type .mb_pc { margin-right: 16px; }
.top-menu td:first-of-type .mb_pc { margin-left: 13px; }
.top-menu td:nth-child(3) .mb_pc { margin-left: 13px; }

div.mb_al {	width: 13px;	height: 25px;	background : url(/imgs/menub-al.gif);	background-repeat : no-repeat;	float: left; }
div.mb_ar {	width: 16px;	height: 25px;	background : url(/imgs/menub-ar.gif);	background-repeat : no-repeat;	float: left; }
div.mb_ac {					height: 25px;	background : url(/imgs/menub-ac.gif);	background-repeat : repeat-x;	float: left;	padding-top: 3px;	color: #666600; }

a.poMenu  		{	color: #666600; 	text-decoration: none; 	padding-bottom: 3px;	}
a.poMenu:hover 	{	color: #666600; 	text-decoration: underline;	padding-bottom: 3px;	}

#inderservice {
    position: absolute;
    top: 332px;
    left: 620px;
    z-index: 2;
}

#bottom {
    position: absolute;
    top: 316px;
    left: 0px;
    z-index: 3;
    width: 100%;
}



#txtheader {
    padding: 20px 10px 10px 90px;
    font-size: 14px;
    color: #999933;
}

#cmsContent {
    padding: 10px 10px 10px 34px;
    widthqq: 472px;
    widthqq: 696px;
    borderzzz: 1px Solid Red;
    color: #336666;
}
div.cmsContent p, div.cmsContent div { padding: 0px; margin: 0px 0px 8px 0px; text-indent:20px;	}
div.cmsContent h1 { padding: 0px; margin: 22px 0px 12px 0px; text-indent:20px; font-size: 14px; color: #999933; font-weight: normal; }
div.cmsContent h2 { padding: 0px; margin: 0px 0px 10px 0px; text-indent:20px; font-size: 12px; font-weight: bold; }
div.cmsContent h3, div.cmsContent h4 { padding: 0px; margin: 0px 0px 8px 0px; text-indent:20px; font-size: 12px; font-weight: bold; }
div.cmsContent a { color: #2A5D00; }
div.cmsContent a:hover { text-decoration: none; }
div.cmsContent ul { margin: 0px 0px 8px 20px; padding: 0px; list-style-type: none;  }
div.cmsContent ol { margin: 0px 0px 8px 40px; padding: 0px; list-style-position: outside; }
div.cmsContent ul li { margin: 0px; padding: 0px 0px 0px 20px; background-image:url(/imgs/content-list-bullet.gif); background-repeat:no-repeat; }
div.cmsContent ol li { margin: 0px; padding: 0px 0px 0px 0px; clear: both; }
div.cmsContent li div, div.cmsContent td div, div.cmsContent li p, div.cmsContent td p { text-indent:0px; }

#bottomLinks { padding: 10px 10px 10px 34px; }
#bottomLinks a { color: #62690A; }



#contantinfo {
    color: #478402;
    padding: 10px 10px 15px 25px;
}
#contantinfo a {
    color: #336633;
}
#contantinfo p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#ImageUnderContent {
    position: absolute;
    top: 316px;
    left: 34px;
    height: 91px;
    width: 91px;
    z-index: 4;

}

img.apng {
    behavior: url("png.htc");
}

div.topleft {
    position: absolute;
    z-index: 2;
    left:0px;
    top:0px;
}
.inputElem {

    background-color: #B2D96D;
    font-size: 11px;
    line-height : 16px;
    font-family: verdana;
    color: #478402;

}

#sitelogo { position: absolute; top: 50px; left: 0px; width: 100%; z-index: 4; }

.page-gallery {
    width: auto !important;
    margin: 0 35px 30px 35px !important;
    padding: 30px 0 0 0 !important;
    overflow: auto;
    text-indent: 0 !important;
}
.cmsContent .page-gallery { margin: 0 0 30px 0 !important; }
.page-gallery figure {
    display: block;
    float: left;
    margin: 0 1% 15px 1%;
    padding: 0 0 0 0;
    width: 15%;
    overflow: hidden;
}
.page-gallery figure:nth-child(6n+1) { margin-left: 0; }
.page-gallery figure:nth-child(6n) { margin-right: 0; }
.page-gallery a {
    display: block;
    max-width: 100%;
    border: solid 1px #95c145;
    padding: 3px;
    background: #fff;
}
.page-gallery a img {
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 0 1px rgba(149,193,69,1), 0 0 0 1px rgba(149,193,69,1);
}

.fancybox-lock { overflow: inherit !important; }

label { cursor: pointer; }
.text-input {
    background-color: #b2d96d;
    color: #478402;
    font-family: verdana;
    font-size: 11px;
    line-height: 16px;
    width: 200px;
    height: 20px;
    border: solid 1px #999;
    padding: 0 3px;
    outline: none !important;
    border-radius: 3px;
}
select.text-input { height: 22px; }
.text-input.sm {
    width: 80px;
}
label.inline { margin-right: 5px; }
label.fixed-pre {
    float: left;
    width: 50px;
    margin-right: 10px;
    line-height: 22px;
    text-align: right;
}
input + label.inline { margin-left: 20px; }
.input-label { margin: 0 5px 0 30px; }
.label-checkbox { margin: 0 20px 0 0; }
.label-checkbox input { margin: 0 0 0 0; top: 1px; display: inline-block; position: relative; }
.input-label + .text-input { margin-right: 30px; }

form .controls { position: relative; }
form .controls .err {
    font-size: 11px;
    line-height: 1.5 !important;
    position: absolute;
    color: #fff;
    background: rgba(192,0,0,0.8);
    padding: 3px 5px !important;
    display: none;
    z-index: 15;
    top: 0;
    text-align: center;
    width: auto;
    left: 0;
    border-radius: 3px;
    margin: 0 0 0 0;
    box-sizing: border-box;
}

#roomform {
    padding: 0 0 15px 0 !important;
    margin: 0 0 25px 0 !important;
    border-bottom: solid 1px #A9D261;
}
#roomform td { padding: 5px; }

.pagination {}
.pagination a { margin: 0 4px; }
.pagination a.current { text-decoration: none; color: #000; font-weight: bold; }

button.green {
    height: 25px;
    border-radius: 12px;
    border: solid 1px rgba(154,192,90,0.5);
    border-bottom: solid 1px rgba(154,192,90,0.6);
    border-left: solid 1px rgba(154,192,90,0.6);
    border-right: solid 1px rgba(154,192,90,0.7);
    margin: 5px 0 5px 0;
    padding: 0 10px;
    cursor: pointer;
    font-size: 11px;
    background-color: #c4e686;
    font-family: verdana, tahoma !important;
    background-image: -moz-linear-gradient(top, #d0f58d, #bee47b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d0f58d), to(#bee47b));
    background-image: -webkit-linear-gradient(top, #d0f58d, #bee47b);
    background-image: -o-linear-gradient(top, #d0f58d, #bee47b);
    background-image: linear-gradient(to bottom, #d0f58d, #bee47b);
    color: #84b765;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(255,255,255,0.6) inset;
}
button.green:hover {
    color: #549d51;
    border: solid 1px rgba(154,192,90,1);
    background-color: #b1da69;
    background-image: -moz-linear-gradient(top, #d0f58d, #b1da69);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d0f58d), to(#b1da69));
    background-image: -webkit-linear-gradient(top, #d0f58d, #b1da69);
    background-image: -o-linear-gradient(top, #d0f58d, #b1da69);
    background-image: linear-gradient(to bottom, #d0f58d, #b1da69);
}

.modal {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.modal .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}
.modal .popup {
    width: 500px;
    min-height: 200px;
    position: relative;
    top: 50%;
    margin: -150px auto 0 auto;
    background: #fff;
    border: solid 1px #a9d261;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);
    padding: 2px;
    line-height: 0;
    z-index: 1;
}
.modal .popup .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    background: transparent url("../img/glyphicons-halflings.png") no-repeat -310px 0;
    z-index: 10;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s linear 0s;
}
.modal .popup .close:hover {
    opacity: 1;
    transition: opacity 0.2s linear 0s;
}
.modal .popup .popup-content {
    min-height: 200px;
    border: solid 1px #a9d261;
    padding: 15px;
    line-height: 1.5;
    margin: 0;
    background: #dbf297;
}
.modal .popup h2 {
    margin: 0 0 25px 0;
    padding: 0;
    text-indent: 0;
    font-size: 15px;
}
.modal .text-input {
    width: 300px;
    margin-bottom: 10px;
}

.btn-green {
    height: 27px;
    border: solid 1px #8eb58e;
    color: #fe0529;
    font-weight: bold;
    border-radius: 14px;
    padding: 0 25px;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    background-color: #a8df8e;
    background-image: -moz-linear-gradient(top, #deefca, #a8df8e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#deefca), to(#a8df8e));
    background-image: -webkit-linear-gradient(top, #deefca, #a8df8e);
    background-image: -o-linear-gradient(top, #deefca, #a8df8e);
    background-image: linear-gradient(to bottom, #deefca, #a8df8e);
}
a.btn-green {
    display: inline-block;
    line-height: 25px;
    text-decoration: none;
    box-sizing: border-box;
    font-family: Arial, Tahoma;
}
.btn-green:hover {
    background-color: #84d25f;
    background-image: -moz-linear-gradient(top, #c4e19d, #84d25f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c4e19d), to(#84d25f));
    background-image: -webkit-linear-gradient(top, #c4e19d, #84d25f);
    background-image: -o-linear-gradient(top, #c4e19d, #84d25f);
    background-image: linear-gradient(to bottom, #c4e19d, #84d25f);
}

.prj-buttons a,
.prj-buttons button {
    display: inline-block;
    margin: 5px 0 5px 0;
    height: 25px;
}
.prj-buttons a button { margin: 0; }
.prj-buttons a.img { margin-bottom: 3px; }

.demo-download {
    float: left;
    height: 27px;
    position: relative;
    z-index: 100;
    top: -10px;
}
.demo-download figure {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -35px;
    top: 50%;
    margin: -25px 0 0 0;
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px #8eb58e;
}
.demo-download figure img {
    width: 100%;
    height: auto;
}

.favorites { position: relative; top: -10px; }
.favorites button, button.red {
    height: 27px;
    border: solid 1px #8eb58e;
    color: #fe0529;
    font-weight: bold;
    border-radius: 14px;
    padding: 0 25px;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    background-color: #a8df8e;
    background-image: -moz-linear-gradient(top, #deefca, #a8df8e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#deefca), to(#a8df8e));
    background-image: -webkit-linear-gradient(top, #deefca, #a8df8e);
    background-image: -o-linear-gradient(top, #deefca, #a8df8e);
    background-image: linear-gradient(to bottom, #deefca, #a8df8e);
}
.favorites button:hover, button.red:hover {
    background-color: #84d25f;
    background-image: -moz-linear-gradient(top, #c4e19d, #84d25f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c4e19d), to(#84d25f));
    background-image: -webkit-linear-gradient(top, #c4e19d, #84d25f);
    background-image: -o-linear-gradient(top, #c4e19d, #84d25f);
    background-image: linear-gradient(to bottom, #c4e19d, #84d25f);
}
.product-details a {
    text-decoration: none;
}
.product-details .buttons {
    display: inline-block;
}
.product-details .red {
    margin: 0 7px 0 0;
    display: inline-block;
    padding: 0 10px;
    width: 132px;
    height: 36px;
    border-radius: 18px;
    line-height: 1;
    float: left;
}
.product-details .red ~ a:last-of-type .red { margin-right: 0; }
.product-details td {
    text-align: center;
    vertical-align: middle;
    padding: 0 0 10px 0;
}
#favorites.details { position: absolute; white-space: nowrap; right: 10px; top: 25px; padding: 0 10px; }
#flItems {
    overflow: auto;
    min-height: 100px;
}
#flItems .item {
    display: block;
    width: 25%;
    margin: 0 3% 8px 4.5%;
    float: left;
    max-width: 185px;
    padding: 0 0 0 0;
    position: relative;
}
#flItems .item input {
    position: absolute;
    top: 3px;
    left: -21px;
    margin: 0;
}
#flItems + .controls { text-align: right; }
#flItems + .controls label {
    display: block;
    float: left;
    margin-top: 10px;
}

#BigImage { cursor: pointer; }

.nav-post {
    width: auto;
    margin: 5px 0 0 0;
    padding: 0 12px;
    overflow: auto;
    position: relative;
}
.nav-post.high { height: 55px; }
.nav-post a { display: block; position: relative; z-index: 2; }
.nav-post.high a { margin-top: 16px; }
.nav-post a.prev { float: left; }
.nav-post a.next { float: right; }
.nav-post .center {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 0;
    left: 0;
    top: 10px;
    text-align: center;
}
.nav-post.high .center { top: 0; }
.nav-post .center .text {
    margin: 0 auto;
    font-size: 14px;
    color: #e0f5be;
    width: 50%;
}

.project-logo {
    display: block;
    color: #e0f5be;
    text-decoration: none;
    position: relative;
}
.project-logo span {
    display: inline-block;
    position: absolute;
    margin: 0 0 0 0;
    top: 30px;
    left: 70px;
}

.project-files {
    padding: 0 0 0 9px;
}
.project-files > div {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 9px 9px 0;
}
.project-files > div:nth-child(8n) { margin: 0 0 9px 0; }
.project-files > div.link-item {
    position: relative;
    text-align: center;
}
.project-files > div.link-item a {
    display: table-cell;
    width: 100px;
    height: 100px;
    text-decoration: none;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #A7E38B;
    font-size: 14px !important;
    color: #000;
}
.project-files > div.link-item a img { border: none; }

div.cmsContentP h1.buy { color: #f00; }
.text-red {
    color: #f00 !important;
}
ol.warranty {
    margin: 0 0 0 15px !important;
    padding: 0 0 0 0;
}
ol.warranty li {
    padding: 0 0 0 0;
    font-size: 11px !important;
    white-space: nowrap;
}

.fancy-img { position: relative; }
.fancy-img.wsized {
    width: 100%;
    height: auto;
}
.fancy-img.hsized {
    width: auto;
    height: 100%;
}

@media (max-width: 980px) {

    .fancybox-close {
        top: 0 !important;
        right: -36px !important;
    }

}