@charset "UTF-8";
/*----------------------------------------------RESET-----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

*:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

a img, :link img, :visited img {
    border: 0;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}
strong{
	font-weight:bold;
}

/*----------------------------------------------GENERAL-----------*/
html {
    background: #D9E6EE;
}

body {
    background: url(../assets/gradient.jpg) left top repeat-x;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #111111;
}

#wrapper {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
p{
	margin-bottom:15px;
	line-height:18px;
}
h3{
	/* background:url(../assets/title.jpg) right top no-repeat;  */
	height:31px;
	color: #252525;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	line-height:28px;
	text-indent:12px;
}
/*----------------------------------------------HEADER-----------*/
#header {
    position: relative;
}

#login {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    width: 233px;
    height: 82px;
    background: url(../assets/login.jpg) 0px 0px no-repeat;
}
form, fieldset{
	border:none;
	padding:0;
	margin:0;
}
#login h5 {
	color: #D8BB2E;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
    text-align: left;
	margin:2px 0 0 10px;
}
.longLoginTF {
	width:207px;
	margin:5px 0 5px 10px;
	height:16px;
	background:#FFF;
	border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
	font-size:12px;
	color:#666;
}
.shortLoginTF {
	width:180px;
	margin:0 0 0 10px;
	height:16px;
	background:#FFF;
	border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
	font-size:12px;
	color:#666;
}
.submitLogin {
	width:20px;
	height:20px;
	position:absolute;
	right:16px;
	bottom:14px;
}
/*----------------------------------------------NAVIGATION-----------*/
#nav {
    width: 970px;
    margin: 0px 0 0 0;
    background: url(../assets/navi.jpg) left top no-repeat;
    height: 43px;
    position: relative;
}

#nav li {
    float: left;
    /*margin:0 6px; when clients is enabled*/
    /*margin:0 9px; when clients NOT enabled*/
	margin:0 8px;
}
li#pageNav1{
	/*margin-left:13px; when clients is enabled*/
	/*margin-left:15px; when clients NOT enabled*/
	margin-left:15px;
}
#nav li a {
    padding:0 0 0 5px;
    display: block;
    line-height: 38px;
	background: url(../assets/naviDivider.jpg) left top no-repeat;
}
#nav li a:hover {
	 text-decoration:none;
	 background: url(../assets/naviSelected.jpg) left top no-repeat;
	 color: #D8BB2E;
	 cursor:pointer;
}
#nav li a.mainLink span{
	/* padding:0 10px 0 0;
	line-height: 38px; */
	display:block;
	background: url(../assets/naviDivider.jpg) right top no-repeat;
	z-index:100;
	
}
#nav li a:hover span{
	display:block;
	background: url(../assets/naviSelected.jpg) right top no-repeat; 
}
.mainLink {
    color: #EFEFEF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}
a.mainLink span{
	padding-right:5px;
}
.lang{
	font-size:10px;
}

/*navigation selected positions*/
#category-1 #pageNav1 a,
#category-2 #pageNav2 a,
#category-3 #pageNav3 a,
#category-4 #pageNav4 a,
#category-5 #pageNav5 a,
#category-6 #pageNav6 a,
#category-7 #pageNav7 a,
#category-8 #pageNav8 a,
#category-9 #pageNav9 a
{
	 text-decoration:none;
	 background: url(../assets/naviSelected.jpg) left top no-repeat;
	 color: #D8BB2E;
}

#category-1 #pageNav1 a.mainLink span,
#category-2 #pageNav2 a.mainLink span,
#category-3 #pageNav3 a.mainLink span,
#category-4 #pageNav4 a.mainLink span,
#category-5 #pageNav5 a.mainLink span,
#category-6 #pageNav6 a.mainLink span,
#category-7 #pageNav7 a.mainLink span,
#category-8 #pageNav8 a.mainLink span,
#category-9 #pageNav9 a.mainLink span
{
	text-decoration:none;
	background: url(../assets/naviSelected.jpg) right top no-repeat; 
	color: #D8BB2E;
	padding:0 5px 0 0;
	line-height: 38px;
	display:block;
}
#category-6 #pageNav6 #subNav a.subLink span, 
#category-6 #pageNav6 #subNav a,
#category-7 #pageNav7 #subNav_info a.subLink span, 
#category-7 #pageNav7 #subNav_info a{
	background:none;
}
#pageNav6, #pageNav7{
	display:block;
}
#subNav{
	position:absolute;
	z-index:100;
	/*top:50px;*/
	top:36px;
	left:520px;
	padding:0;
	margin:0;
	background: url(../assets/subNav-tall.png) left bottom no-repeat;
	/*height:0;*/
	width:140px;
	display:none;
	/*border:1px solid #D8BB2E;
	border-top:none;*/
}
#subNav_info{
	position:absolute;
	z-index:100;
	top:36px;
	left:605px;
	padding:0;
	margin:0;
	background: url(../assets/subNav-tall.png) left bottom no-repeat;
	/*height:0;*/
	width:140px;
	display:none;
}

.subLink {
    color: #EFEFEF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
	height:auto;
	height:25px;
	line-height:25px;
}
ul#subNav li, #subNav_info li{
	float:none;
	position:relative;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0;
	text-indent:0;
	padding:0 0 0 5px;
}

#subNav li a, 
#subNav_info li a,
#subNav li a:visited, 
#subNav_info li a:visited,
#subNav li a:active, 
#subNav_info li a:active  {
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
}
#subNav li a:hover, 
#subNav_info li a:hover {
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	cursor:pointer;
}
#subNav li a:link span, 
#subNav_info li a:link span, 
#subNav li a:visited span, 
#subNav_info li a:visited span,  
#subNav li a:active span, 
#subNav_info li a:active span {
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
}
#subNav li a:hover span, 
#subNav_info li a:hover span{
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	cursor:pointer;
}
/*=====COMING SOON ON NAVIGATION========*/
#category-4 #pageNav4 #subNavProx a.subLinkProx span, 
#category-4 #pageNav4 #subNavProx a{
	background:none;
}
#pageNav4{
	display:block;
}
#subNavProx {
	position:absolute;
	z-index:100;
	top:50px;
	/*left:585px;*/
	padding:0;
	margin:0;
	height:0;
	width:140px;
}
.subLinkProx {
    color: #111;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	height:auto;
	height:25px;
	line-height:25px;
}
ul#subNavProx li{
	float:none;
	position:relative;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0;
	text-indent:0;
	padding:0 5px;
	
}
#subNavProx li a, 
#subNavProx li a:visited, 
#subNavProx li a:active  {
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	color: #111;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#subNavProx li a:hover {
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	cursor:pointer;
	color: #111;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#subNavProx li a:link span , 
#subNavProx li a:visited span, 
#subNavProx li a:active span {
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	color: #111;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#subNavProx li a:hover span{
	background:none;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	cursor:pointer;
	color: #111;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/*===== END of Coming Soon======*/
/*----------------------------------------------CONTENT-----------*/
#mainContainer {
    position: relative;
    margin: 5px 0 0 0;
}

#leftCol {
    float: left;
    width: 620px;
}

#rightCol {
    float: right;
    width: 330px;
}
#blueBlockTop{
	background:url(../assets/sideContentTop.png) left top no-repeat;
	margin-top:8px;
	height:22px;
	width:330px;
}

#blueBlockLeft{
	background:url(../assets/sideContentLeft.png) left top no-repeat;
	width:8px;
	float:left;
	height:200px;
}
#blueBlockRight{
	background:url(../assets/sideContentRight.png) left top no-repeat;
	width:8px;
	float:right;
}
#blueBlockBottom{
	background:url(../assets/sideContentBottom.png) left top no-repeat;
	height:22px;
	width:330px;
}
#blueContent{
/* 	margin-top:-10px; */
}

.sideBlueContent{

}

a.fancyBoxImg img{
	margin:3px 4px;
	border:1px solid #D8BB2E;
}

.imageGrid{
	text-align:left;
	margin-left:18px;
}
body.specialDev .imageGrid{
	margin-left:0px;
}


/*----------------------------------------------FLASH-----------*/
#mainFlash {
    height: 153px;
    /* background: #000; */
	background:url(../assets/ecoBlock.png) left top no-repeat;
}
#discountFlash{
	 height:153px; 
	/* background:#000; */
}
/*----------------------------------------------HOME-----------*/
.mainItem {
    width: 200px;
    height: 370px;
    position: relative;
    float: left;
    margin: 5px 10px 0 0;
    background: url(../assets/short-title.png) left top no-repeat;
}


div.newContainer .mainItem{
	margin-bottom:5px;
	height: auto;
}
div.newContainer .acercaLink{
	position:relative;
	top:4px;
}

.marginRightZero {
    margin-right: 0;
}

.mainItem h4 {
   /*  padding: 7px 0 0 0; */
    color: #D8BB2E;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
    text-align: center;
	height:33px;
	line-height:28px;
}
.mainItem h4 a{
	text-decoration:none !important;
}
.mainItem h4 a:hover{
	text-decoration:underline !important;
}

.mainItem img {
    margin: 8px 0 5px 5px;
}

.itemDesc {
    width: 190px;
    height:105px;
    margin: 0 0 0 5px;
}
.acercaLink {
    position: absolute;
    bottom: 0;
    left: 5px;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    color: #111;
    width: 195px;
    height: 15px;
	line-height:15px;
    display: block;
    background: url(../assets/arrowLink.gif) right center no-repeat;
	text-decoration:underline;
}
.mainItem a:link{
	text-decoration:underline;
}
#sideContent {
	/*margin: 6px 0 0 0; edited by amit*/
	margin: 0 0 0 0;
    background: url(../assets/long-title.png) left top no-repeat;
}

#sideContent h4 {
  	height:auto;
	line-height:28px;
    color: #D8BB2E;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
    text-align: left;
	text-indent:20px;
}
#sideContent h4.subTitle{
	background:url(../assets/long-title.png) left top no-repeat;
}
#sideContent ul li a{
	color:#EFEFEF;
}
/*----------------------------------------------NEWS-----------*/
.newsEntry{
	width:330px;
	background:url(../assets/sideContentBack.png) left top no-repeat;
	position:relative;
	padding-bottom:20px;
}
.newsEntry h3{
	color: #D8BB2E;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
	text-transform:capitalize;
	width:300px;
	margin:0 0 5px 15px;
	background:none;
	line-height:normal;
	text-indent:0;
	font-style:normal;
	height:auto;
	
}
.entryDate{
	color: #D8BB2E;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
	display:block;
	width:300px;
	margin:0 0 2px 15px;
}
.newsEntry p{
	color:#FFF;
	font-size:12px;
	width:300px;
	margin:0 0 10px 15px;
}
.newsLink{
	color:#D8D8D8;
	font-size:10px;
	font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
	background: url(../assets/newsLink.jpg) right top no-repeat;
	padding-right:17px;
	height:15px;
	position:absolute;
	bottom:15px;
	left:245px;
}

.newsEntry a:link{
	text-decoration:underline;
}

.vipLink{
	color:#D8D8D8;
	font-size:10px;
	font-weight: bold;
    font-style: italic;
	background: url(../assets/newsLink.jpg) right top no-repeat;
	padding-right:17px;
	height:15px;
}


/*----------------------------------------------PRODUCT PAGE-----------*/
#ecoBlock{
	background:url(../assets/ecoBlock.png) left top no-repeat;
	width:620px;
	height:153px;
	position:relative;
	margin-bottom:6px;
}
#ecoBlock h1, #mainFlash h1{
	font-style:italic;
	font-size:42px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #D8BB2E;
	text-transform:capitalize;
	position:absolute;
	left:270px;
	top:27px;

}
#ecoBlock img{
	position:absolute;
	left:250px;
	top:-10px;
}

.relatedProducts{
	width:330px;
	background:url(../assets/sideContentBack.png) left top no-repeat;
	position:relative;
	padding-bottom:10px;
}
.relatedProducts li{
	/*color:#EFEFEF; @COLOR_CHANGE*/
	color:#D9E6EE;
	background:url(../assets/bullet.jpg) 15px top no-repeat;
	height:20px;
	line-height:18px;
	margin-bottom:10px;
	width:250px;
	padding-left:40px;
	/* i first used text indent but then decided to change to 
	padding left cause of a multiline LI possibility */
	/* text-indent:40px; */
}
.sideAssets{
	width:330px;
	background:url(../assets/sideContentBack.png) left top no-repeat;
	text-align:center;
}
.sideAssets img{}
.sideAssets h3{
	/*color:#EFEFEF; @COLOR_CHANGE*/
	color:#D9E6EE;
	text-transform:capitalize;
	margin-bottom:10px;
}
 #info {
	
}
.product p{
	width:580px;
	padding-left:20px;
	margin-bottom:0;
	padding-bottom:15px;
} 

#info p.lastP{
	padding-bottom:0;
}
#info div.lastP{
	padding-bottom:0;
}
#info h3{
	height:33px;
	line-height:28px;
    color: #D8BB2E;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
    text-align: left;
	text-indent:20px;
	background:url(../assets/h3Title2.png) 0px top no-repeat; 
} 
#info h4{
    color: #D8BB2E;
    font-size: 13px;
	line-height:28px;
    font-weight: bold;
    font-style: italic;
    text-align: left;
	text-indent:20px;
} 
 #info ul{
	width:565px;
	padding:0 0 15px 20px; 
	list-style:outside;
	margin-left:15px;
}

 #info ol{
 	width:540px;
	padding:0 0 15px 20px; 
	list-style:inside;
}
 #info ul li,
 #info ol li{
 	margin:2px 0 0 0;
 } 

*:first-child+html #info ul,
*:first-child+html #info ol{
	padding:0 0 0 40px; 
	margin:0 0 0 0;
	list-style:disc;
}

.product{
	background:url(../assets/productBack.png) left top no-repeat;
	/*color:#EFEFEF; @COLOR_CHANGE*/
	color:#D9E6EE;
	padding:15px 0 0 0;	
}
.productBottom{
	background:url(../assets/productBackBottom.png) left top no-repeat;
	width:620px;
	height:18px;
	margin-bottom:15px;
}
#info a:link, #info a:visited, #info a:active {
	 color: #D8BB2E;
}
#info a:hover {
	 color: #D8BB2E;
}
.smallLink{
	font-size:10px;
}
/*----------------------------------------------ABOUT-----------*/
.member{
	text-align:left;
	width:300px;
	display:block;
	margin-bottom:20px;
}
.lastMember{
	margin-bottom:0;
}
.member img{
	margin:0 0 0 20px;
	float:left;
}
.member h5{
	text-indent:0;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	color: #d8bb2e;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	text-transform: capitalize;
	margin-left:10px;
}
.member p{
	float:right;
	/*color:#EFEFEF; @COLOR_CHANGE*/
	color:#D9E6EE;
	margin:0;
	padding:0;
	width:170px;
}
/*---------------------------------------------FAQ----------------------------------------*/
ul#faq{
	margin-left:15px;
	list-style:outside;
}
#faq li{
	cursor:pointer;
	margin:0 0 10px 0;
	
}


#faq li.answear{
	color: #111;
	background:#D9E6EE;
	padding:5px;
	list-style:none;
	margin:5px 20px 5px 0;
}

#faq li.noBullet{
	list-style:none;
	font-weight:bold;
	color:#D8BB2E;
	margin-top:8px;
}
/*----------------------------------------------FOOTER-----------*/
#footerLinks {
    width: 970px;
    height: 123px;
    background: url(../assets/footer.jpg) left top no-repeat;
    margin: 15px auto 0 auto;
}

.footerLists {
	min-height:90px;
	padding: 0 8px 2px 0;
    float: left;
    color: #FFF;
    font-size: 9px;
    margin: 14px 8px 0 0;
	background:url(../assets/bottomListDivider.jpg) right 2px no-repeat;
}

.liEng{
	 margin: 14px 8px 0 16px;
	 padding-right:20px;
	 background:url(../assets/bottomListDivider.jpg) right 2px no-repeat;
}

				ul#lastFooterUL{
					background:none;
					margin-right:0;
					padding-right:0;
				}
.leftList{
	margin-left:15px;
}
ul.noDivider{
	background:none;
}

.footerLists li {
    margin-bottom: 2px;
}

.footerLists a:link, .footerLists a:visited {
    text-decoration: none;
    color: #FFF;
}

.footerLists a:hover, .footerLists a:active {
    text-decoration: underline;
    color: #FFF;
}

li.footerListsTitle {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #D8BB2E;
    margin-bottom: 5px;
    text-transform: capitalize;
}

#footer {
    width: 960px;
    margin: 0 auto;
    position: relative;
    height: 15px;
    background: url(../assets/fu-miniLogo.jpg) 2px 0px no-repeat;
}

#footer li {
    float: left;
    font-size: 10px;
    line-height: 16px;
    margin-left: 20px;
}


#fd {
    position: absolute;
    right: 3px;
    bottom: 0;
    color: #111;
}
#fd a:link, #fd a:visited, #fd a:hover, #fd a:active {
    text-decoration: underline;
    color: #111;
}
/*-----FORM------*/
.sideAssets iframe{
	margin:5px auto 0 5px;
}

div.sideAssets ul#contactDetails{
	list-style:none;
	position:relative;
	text-align:left;
	color:#D8BB2E;
	position:relative;
	left:18px;
}
div.sideAssets  ul#contactDetails li{
	position:relative;
	display:block;
	height:20px;
	text-align:left;
	color:#D8BB2E;
}

ul#contactDetails li span{
	position:absolute;
	left:75px;
	top:0px;
	color:#D8BB2E;
}
.sideAssets .vipLink{
	margin-left:225px;
}


#contactForm {
	width:381px;
	margin:0 0 20px 20px;
}
fieldset { border:none; }
input { border:0; }
#nameEmail {
	float:left;
	width:165px;
}
.shortTextArea {
	width:300px;
	height:18px;
	margin:0 0 7px 0;
	padding:2px 0 0 0;
	background:#D9E6EE;
	border:0;
	color:#1c1c1c;
	/*font-size: 14px;*/
	text-indent:2px;
}
#msgArea {
	width:260px !important;
	width:230px;
}
textarea {
	width:295px !important;
	width:270px;
	height:120px;
	background:#D9E6EE;
	border:none;
	color:#1c1c1c;
	padding:3px;
}
.submitBtn {
	float:right;
	margin:5px 0 0 0;
	padding:4px 10px;
	background:#D9E6EE;
	color:#1c1c1c;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	border:none;
	cursor:pointer;
}
label {
	color:#D8BB2E;
	display:block;
	padding-right:25px;
}
div.row {
	clear: both;
	padding-top: 10px;
}
div.row span.label {
	float: left;
	width: 80px;
	text-align: left;
}
div.row span.formw {
	width: 335px;
	text-align: left;
}
.none { display: block; }
.NOTOK { display: block; color:#D8BB2E;}
.OK { display: block;color:#D8BB2E; }
.errorMessage { display: block;color:#D8BB2E; }
.focus { }
.error { color:#D8BB2E;}
.warning { background: url(../assets/marksForm.gif) no-repeat right 0px; color:#D8BB2E;}
.checkmark { background: url(../assets/marksForm.gif) no-repeat right -40px; }
.question { background: none; }
.highlight { background: url(../assets/marksForm.gif) no-repeat right -60px; }
/*[NEWS]*/
.yellow{
	color:#D8BB2E;
	text-align:right;
}
.colorYellow{
	color:#D8BB2E;
}
h4 a{
	color:#D8BB2E;
}
/*[GALLERY]*/
div#galleryHolder{
	margin:0 0 0 22px;
}
/*[DESAROLLOS ESPECIFICOS]*/
ul#bottom0-1, ul#bottom0-2{
	margin-bottom:0;
	padding-bottom:0;
}
/*---------------------------------------------CLEARERS----------------------------------------*/
.member:after,
#footer:after, 
#mainContainer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.member,
#footer,
#mainContainer {
    height: 1%;
}
*:first-child+html .member,
*:first-child+html #footer,
*:first-child+html #mainContainer {
    min-height: 1px;
}

/*---------------------------------------------GENERALS----------------------------------------*/
span.minuscula{
	text-transform:lowercase;
}
em{
	font-style:italic;
	font-weight:bold;
}
li.iso{
	list-style:none;
	height:100px;
	margin-bottom:20px;
	background:none;
}
span.pushIn{
	width:580px;
	padding-left:20px;
	margin-bottom:10px;
}
ul.attachments, ul.attachments li{
	list-style:none;
}

ul.attachments li{
	padding-bottom:5px;
}
.download_link{
	padding-left:20px;
	background:url(../assets/download_icon.jpg) left top no-repeat;
	padding-bottom:2px;
}