/* ******* clearfix  ********/
            .clearfix:after {
             content: ".";
             display: block;
             height: 0;
             clear: both;
             visibility: hidden;
            }

            .clearfix {display: inline-table;}

            /* hides from ie-mac \*/
            * html .clearfix {height: 1%;}
            .clearfix {display: block;}
            /* end hide from ie-mac */
         /* ******* clearfix  ********/

         html, body {margin: 0; padding: 0px; height: 100%; background: #D7D7D7;}
         body {font-size: 12px; font-family: "Trebuchet MS", Helvetica, sans-serif;}   /* 76% resets 1em to 12px; 62.5% resets to 10px; */

/* ELEMENTS */

#wrap {
	width: 950px;
	margin: 0 auto;
	padding: 0px 0px;
	position: relative;
	height: 100%;
}

#head {
   height: 110px; 
	position: relative;
	width:948px;
	float: left;
   padding: 1px;
	left:0px;
   border-bottom: 5px solid #BCD256;
   background: #fff url('../img/grad_right.jpg') top right repeat-y;
}
#body {
   position: relative;
	width:950px;
	height:100%;
	float:left;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	margin-left:0px;
   background: #fff url('../img/sheet.jpg') top center repeat-y;
}
*>#body {height: auto; min-height:100%;padding-bottom:50px;}

/*text part*/
#wrap_text {
	width: 700px;
	margin: 0 auto;
	padding: 0px 0px;
	position: relative;
	height: 100%;
}

#head_text {
   height: 110px; 
	position: relative;
	width:708px;
	float: left;
   padding: 1px;
	left:0px;
   border-bottom: 5px solid #BCD256;
   background: #fff url('../img/grad_right.jpg') top right repeat-y;
}
#body_text {
   position: relative;
	width:700px;
	height:100%;
	float:left;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	margin-left:0px;
   background: #fff url('../img/sheet.jpg') top center repeat-y;
}
*>#body_text {height: auto; min-height:100%;padding-bottom:50px;}
/*text part*/

img#logo { float: left; margin: 10px; border: 0;}

ul#lang {
   height: 27px;
   float: right;
   font-size: 10px;
   letter-spacing: 0.6px;
   text-transform: uppercase;
	
}

ul#lang li {
   float: left;
   height: 23px;
   line-height: 23px;
   background: #F5F5F5;
   padding: 0 5px;
   border-right: 1px solid #fff;
   border-bottom: 2px solid #BCD256;
}

ul#lang li.current {
	border-bottom: 4px solid #FF4500;
}
ul#lang li:hover {border-bottom: 4px solid #BCD256;}

ul#lang li.listHead {
   height: 25px;
   color: #fff;
   line-height: 25px;
   background: #333;
   border-bottom: 0;
}
/* Main Menu Classes */
ul#mainMenu {
	position: absolute;
	bottom: 1px;
	left: 253px;
}

#mainMenu li {
	line-height: 21px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 13px;
	text-transform: uppercase;
	background: #333;
	margin: 0 0 0 0;
	border-right: 1px solid #fff;
	float: left;
	height: 21px;
}

#mainMenu li.preSel {
	background-image: url(../img/corner_menu_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FF6633;
	border:0px;
	padding:0px;
	font-size:10px;
	width:5px;
}

#mainMenu li.selected {
	background-image: url(../img/corner_menu_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FF6633;
	padding-left:5px;
}

#mainMenu li.left {
	background-image: url(../img/corner_menu_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#mainMenu li.right {
	background-image: url(../img/corner_menu_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
/* Main Menu Classes END */

/* list prods */
.inner-padding
{
   width:640px;
	padding-left:10px;
	height: auto;
	position:relative;
	float:left;
}
.inner-padding dl
{
 padding-left:20px;
}
.inner-padding p 
{
	font-size:12px;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.inner-padding ul
{
	list-style: none;
	float: left;
	width:650px;
}
.inner-padding ul li 
{
	float: left;
	margin-bottom:30px;
	font-size: 14px;
	font-weight:bold;
	color: #FF4500;
}
.inner-padding ul li a 
{
	text-decoration: none;
}
.inner-padding ul li a img
{
	border: 1px solid #444444;
	margin:0px;
	float: right;
}

.prodLi
{
	width: 620px;
	min-height: 230px;
	padding: 10px;
	margin: 0px;
	border: 1px solid #efefef;
	background: #F8FDF0;
	position: relative;
	float: left;
	margin: 10px;
	vertical-align: middle;
	background-image: url(../img/ongline.gif);
   background-position: bottom left;
	background-repeat: no-repeat;
}
.prodLi a
{
  width: 620px;
  text-align: justify;
  float:right;
  position: relative;
  left:0;
  margin:0px;
  

}
.prodLi a img
{
	margin: 10px;
}
.prodLi .text
{
	float: left;
	width: 350px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #585858;
}
.prodLi a.vidIcon
{
  position:relative;
  width:30px;
  float:right;
  margin-top:174px;

}

/*list prods*/

/* Left Menu */
#content{
   position:relative;
	float:left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:10px;
	width:600px;
	height: auto;
}
#content h2
{
   font-size:18px;
	color: #FF4500;
	margin:10px;
}

#content h3, #mailForm h3
{
	font-size: 14px;
	line-height: 40px;
	color: #006400;
	padding-left: 30px;
	width: 620px;
	float: float;
	text-align: right;
	text-decoration: none;
	padding-right: 20px;
	padding-bottom: 10px;
	background-image: url(../img/h3_bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-weight: bold;
}

#content .subType
{
	width:600px;
	float: left;
	margin:-10px;
}
#left-menu{
	float: left;
	position: relative;
	padding-top: 0px;
	padding-left: 1px;
	margin-top: 0px;
	left: 0px;
	width: 250px;
	height:100%;
}

#left-menu #products{
	float: left;
	text-align: left;
	width: 250px;
	margin-top:1px;
	height:100%;
}


#left-menu #products li{
	list-style-type: none;
	line-height: 20px;
	font-size: 14px;
	color: Black;
	text-align: right;
	text-transform: uppercase;
	width: 205px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 20px;
	background-color: #E1E1E1;
	word-spacing: normal;
	display: list-item;
	background-image: url(../img/corner_left_menu.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#left-menu #products li a{
    color: #333333;
	 margin:0px;
	 text-decoration: none;
}

#left-menu #products li:hover{
	background-color: #BCD644;
	background-image: url(../img/corner_left_menu_over.gif);
	background-position: top right;
}

#left-menu #products li.subTip
{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	background-image: none;
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	
}
#left-menu #products li.subTip a
{
	color: #006400;
}
#left-menu #products li.subTip:hover
{
	background-color: #E4FB7C;
}

#left-menu #products li.subTipselected{

	 background-image: url(../img/left_menu_sel_bg_sub.gif);
	 background-position: right top;
	 background-repeat: no-repeat;
	 width:205px;
	 font-size: 12px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 padding-right:47px;
}

#left-menu #products li.selected{

	 background-image: url(../img/left_menu_sel_bg.gif);
	 background-position: right top;
	 background-repeat: no-repeat;
	 width:205px;
	 padding-right:47px;
}

#left-menu #products li.menuTitle{
   background-image: url(../img/corner_left_menuTitle.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #5a5a5a;
	font-size: 19px;
	font-weight: bolder;
	text-align: center;
	color:#fff;
	padding:12px 20px 12px 0px;
	margin: 0px 0px 0px 0px;
	width:205px;
	border: 0px;
}
#left-menu #products .lMenuEnd
{
	width:185px;
	height: 104px;
	background-image: url(../img/left_menu_finish.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px;
}
#left-menu #products li.lMenuEnd:hover
{
	width:185px;
	height: 104px;
	background-image: url(../img/left_menu_finish.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 20px;
}
/*Left Menu End */
/*promo*/
.promo
{
   position: relative;
	width: 530px;	
	float: left;
}  
.promo p
{
	float:left;
	padding-left:10px;
	width:540px;
   font-size: 12px;
	text-align: justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.imgRand
{
   float: right;
	border:1px solid #777777;
}
.aRand
{
  margin:10px; 
}

.aRand img
{ 
  margin:10px; 
  margin-right:50px;
}

.promo p .promHeader
{
	font-size: 14px;
	font-weight: bold;
	color: #FF4500;
}
.promo p img
{
	margin-left:25px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:25px;
	border: 1px solid #444444;
}
/*promo end*/
#footer_text
{
	position: relative;
	height: 30px;
	width: 690px;
	bottom: 0;
	left: 0px;
	background-color: #f5f5f5;
	border-top: 1px solid #EBEBEB;
	background-repeat: repeat-x;
	background-position: bottom;
	color: Gray;
	font-size: 11px;
	padding: 10px 0px 5px 30px;
	vertical-align: top;
	margin: 0px;
	margin-left:-10px;
}

*>#footer_text
{
   position:absolute;
	bottom: 0px;
	float: left;
	padding-top:10px;
	vertical-align: top;
	margin-left:0px;
}

#footer_text p.who{
	float:left;
	margin-top:0px;
}

#footer_text ul.bottom-menu{
	width: 500px;
	float: left;
	position: relative;
	margin-left:154px;
}

#footer_text a{
    color: Gray;
}

#footer_text p.by{
	float:right;
	margin-right:30px;
	margin-top:0px;
}
.footAdd_text
{
	margin: -50;
	width: 700px;
   text-align: center;
}
/*text foooter*/

#footer 
{
	position: relative;
	height: 30px;
	width: 920px;
	bottom: 0;
	left: 10px;
	background-color: #f5f5f5;
	border-top: 1px solid #EBEBEB;
	background-repeat: repeat-x;
	background-position: bottom;
	color: Gray;
	font-size: 11px;
	padding: 10px 0px 5px 30px;
	vertical-align: top;
	margin: 0px;
	margin-left:-10px;
}

*>#footer
{
   position:absolute;
	bottom: 0px;
	float: left;
	padding-top:10px;
	vertical-align: top;
	margin-left:0px;
}

#footer p.who{
	float:left;
	margin-top:0px;
}

#footer ul.bottom-menu{
	width: 500px;
	float: left;
	position: relative;
	margin-left:154px;
}
.bottom-menu li
{
	float:left;
	list-style: none;
	position: relative;
	margin-right:5px;
}

#footer a{
    color: Gray;
}

#footer p.by{
	float:right;
	margin-right:30px;
	margin-top:0px;
}

/* LISTS */

ul {height: auto; margin: 0; padding: 0; border: 0;}
li {height: auto; margin: 0; padding: 0; border: 0;}

ul.horiz { list-style: none;}
ul.horiz li { display: inline;}
/*mail-form*/


#mailForm
{
   position: relative;
	width: 540px;
	height: auto;
	left:0px;
	padding-left:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	size: 12px;
	vertical-align: top;
}
#mailForm label
{
	line-height:25px;
}
#mailForm p 
{
	padding-left:10px;
	margin-left:20px;
}
#mailForm .titleGroup
{
   width:245px;
	float: left;
	margin:13px;
	padding-left:5px;
	padding-top:0px;
	background-image: url(../img/group_bg_mail.gif);
	background-repeat: no-repeat;
	font-size:10px; 
	min-height: 130px;
}
#mailForm a
{
	color:#ffffff;
   font-weight: bold;
   line-height: 18px;
}
#mailForm img
{
	margin-left:-10px;
	margin-top:-15px;
	margin-bottom: 0px;
}
#mailForm .chooseProd
{
   width:240px;
   background-image: url(../img/group_bg_bottom_mail.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 19px;
	padding-top:0px;
	margin-left:-5px;
	margin-top:5px;
	
}
#mailForm .theThing
{
	width: 510px;
	float: left;
	list-style: none;
	margin-left:50px;
}
#mailForm .theThing li
{
	float: left;
	width:560px;
}
#mailForm .theThing label
{
	width:150px;
	float: left;
	position: relative;
}
#mailForm #info
{
	width:560px;
	margin-top:20px;
	position: relative;
   float:left;
}

#mailForm form
{
   width:560px;
	margin-left: 20px;
}

.error
{
  font-size:14px;
  color: #ff0000;
  font-weight: bold;	
}
/*end mail form*/



.br
{
	width:620px;
}
 .br .offer-img
{
	width: 250px;
	min-height: 250px;
	border: 1px solid #efefef;
	text-align: center;
	padding: 20px;
	margin: 5px;
	position: relative;
	float: left;
	background: #F8FDF0;
	background-image: url(../img/ongline.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.br .offer-img a
{
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
}
 .br .offer-img img
{
  float:none;
}
/* LINKS */
a {padding: 0; margin: 0; border: 0; color: #f63; text-decoration: none;}
a:hover { color: #f63; text-decoration: underline;}

ul#lang li a {text-decoration: none; color: #666; }
ul#lang li a:hover {text-decoration: none; color: #896; }

ul#mainMenu li a {text-decoration: none; color: #fff; }

.footAdd
{
	margin: 0;
	width: 900px;
   text-align: center;
}

#description
{
	width: 650px;
	padding-left:20px;

}
#description h3
{
	width: 650px;
	margin-left:-50px;
}

#description ul
{
   position: relative;
	float: left;
	width:600px;
}

#description li
{
	margin: 3px;
	margin-left: 40px;
	padding: 3px;
	font-size: 12px;
	color: Black;
	list-style: square inside;
	position: relative;
   float: left;
	width:400px;
}

#description p
{
	padding-left:30px;
	padding-right:30px;
	width:536px;
	
}
#gallery
{
	padding-left:30px;
}
.sMapProd
{
	padding-left:40px;text-transform: lowercase;font-style: italic;color: #CC7100;
}