/*Base Flux:: CSS*/

/* RESET */
body
{
	background-color: black;
	color: #ffffff;
    color: #fff;
	font: 11px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #444444;
	scrollbar-3dlight-color: #222222;
	scrollbar-shadow-color: #222222;
	scrollbar-darkshadow-color: #000000;
	scrollbar-arrow-color: #444444;
	scrollbar-track-color: #111111;

	

}

html,body,div,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input
{
	margin: 0px;
	padding: 0px;


}

a, a:hover, a:visited
{
    outline:0;
    border: 0px;
    border-style: none;
    border-color: black;
}

div.clearer
{
	margin-bottom: 20px;
	border-style: none;
}

div.tutorialslist
{
	
	font: 14px "trebuchet ms",Verdana, Lucida, Lucida;
	text-align: left;
	color: #fff;
}

div.tutorialslist a
{
	
	font: 14px "trebuchet ms",Verdana, Lucida, Lucida;
	text-align: left;
	margin-left: 15px;
	color: #c8a03c;
	text-decoration: none;
}

p.important
{
	font: 14px "trebuchet ms",Verdana, Lucida, Lucida;
	font-size: 20px;
	color: #900000;
}



#leftmenu div.tutorialslist ul li
{
	list-style: none;
	width: 250px;
	margin-left: -5px;
}


h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

img
{
    border: 0px;
}

#rightcontentdetails div.articlesitems div.articleitem div.titleback2 div.topleftnews div.toprightnews div.articlepicture img
{
	max-height: 200px;
	max-width: 200px;
}

caption,th
{
	text-align: justify;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ul,ol
{
	padding-left: 5px;
	margin-left: 10px;
}

div.faqsubcategories
{
	margin-left: 0;
	padding-bottom: 0;
	list-style: none;
	margin-bottom: 0;
}

#rightcontentdetails div.faqitems div.faqitem div.faqitemtitle a
{
}

/* @group Menu */

/* GLOBALHEADER */
#globalheader
{
	min-width: 940px;
	width: 959px;
	height: 45px;
	margin-top: 50px;
}

#globalheader ul,ol
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#globalheader #globalnav
{
	padding: 0;
	margin: 0;
}

#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { width: 137px; height: 0; padding-top: 45px; overflow: hidden;
	float: left;
}
#globalheader #globalnav li a,
#globalheader
{
	background-image: url(../images/header/header.png);
	background-repeat: no-repeat;
}

/* BUTTONS */
#globalheader #globalnav li#gn-flux a { background-position:  0 0; color:#000;}
#globalheader #globalnav li#gn-products a { background-position:  -135px 0; color:#000;}
#globalheader #globalnav li#gn-news a { background-position:  -270px 0;  color:#000;}
#globalheader #globalnav li#gn-support a { background-position:  -405px 0;  color:#000;}
#globalheader #globalnav li#gn-company a { background-position:  -540px 0;  color:#000;}
#globalheader #globalnav li#gn-tutorials a { background-position:  -675px 0;  color:#000;}
#globalheader #globalnav li#gn-store a { background-position:  -810px 0;  color:#000;}

/* OVER STATES */
#globalheader #globalnav li#gn-flux a:hover { background-position:  0 -45px;  color:#000;}
#globalheader #globalnav li#gn-products a:hover { background-position:  -135px -45px;  color:#000;}
#globalheader #globalnav li#gn-news a:hover { background-position:  -270px -45px;  color:#000;}
#globalheader #globalnav li#gn-support a:hover { background-position:  -405px -45px;  color:#000;}
#globalheader #globalnav li#gn-company a:hover { background-position:  -540px -45px;  color:#000;}
#globalheader #globalnav li#gn-tutorials a:hover { background-position:  -675px -45px;  color:#000;}
#globalheader #globalnav li#gn-store a:hover { background-position:  -810px -45px;  color:#000;}

/* PRESSED STATES */
#globalheader #globalnav li#gn-flux a:active { background-position:  0 -90px;  color:#000;}
#globalheader #globalnav li#gn-products a:active { background-position:  -135px -90px;  color:#000;}
#globalheader #globalnav li#gn-news a:active { background-position:  -270px -90px;  color:#000;}
#globalheader #globalnav li#gn-support a:active { background-position:  -405px -90px;  color:#000;}
#globalheader #globalnav li#gn-company a:active { background-position:  -540px -90px;  color:#000;}
#globalheader #globalnav li#gn-tutorials a:active { background-position:  -675px -90px;  color:#000;}
#globalheader #globalnav li#gn-store a:active { background-position:  -810px -90px;  color:#000;}

/* ON STATES */

#globalheader.home #globalnav li#gn-flux a:hover { background-position: 0 0; cursor: default;  color:#000;}
#globalheader.products #globalnav li#gn-products a { background-position: -135px -90px !important;  color:#000;}
#globalheader.news #globalnav li#gn-news a { background-position: -270px -90px !important;  color:#000;}
#globalheader.support #globalnav li#gn-support a { background-position: -405px -90px !important;  color:#000;}
#globalheader.company #globalnav li#gn-company a { background-position: -540px -90px !important;  color:#000;}
#globalheader.tutorials #globalnav li#gn-tutorials a { background-position: -675px -90px !important;  color:#000;}
#globalheader.store #globalnav li#gn-store a { background-position: -810px -90px !important;  color:#000;}


/* @end */

/* @group Anounce */


#maincontent
{

	width: 959px;
	margin-top: 0;
}

.maincontentsubmenulist ul,ol
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.maincontentsubmenulist a
{
	color: white;
	text-decoration: none;
	font: 12px/23px "trebuchet ms",Verdana, Lucida, Lucida;
	opacity: 1;
	text-shadow: #656565 0 0 5px;
	padding-left: 20px;
	margin-left: 40px;
    -webkit-transition: padding-left 0.3s, color 0.3s;
}

.maincontentsubmenulist a:hover
{
	color: #fff;
	text-decoration: none;
	font: 12px/23px "trebuchet ms",Verdana, Lucida, Lucida;
	opacity: 0.8;
	text-shadow: #7f7f7f 0 0 5px;
	padding-left: 30px;
	margin-left: 40px;
	background-image: url(../images/titleback/backproduct.png);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-transition: padding-left 0.3s, color 0.3s;
}

.maincontentsubmenulist a:active
{
	color: #595959;
	text-decoration: none;
	font: 15px/23px "trebuchet ms",Verdana, Lucida, Lucida;
	text-shadow: #7f7f7f 0 0 5px;
	padding-left: 30px;
	background-image: url(../images/titleback/backproduct.png);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-transition: padding-left 0.3s, color 0.3s;
}



.maincontentsubmenulist
{
	font: 14px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	font-size: 10px;
	color: #c8a03c;
	text-align: left;
	padding-left: 0;
}


div.headersectiontitle
{
	font: bold 35px "trebuchet ms",Verdana, Lucida, Lucida;
	text-align: right;
	padding-top: 30px;
	text-transform: uppercase;
	padding-right: 20px;
	background-image: url(../images/titlenews.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	padding-bottom: 20px;
	margin-bottom: -10px;
	color: #262626;
	display: none;
}

div.mainlinks
{
	color: #c8a03c;
	font: 11px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	margin-bottom: 15px;
}

div.mainlinks a
{
	color: #fff;
	font: 11px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	text-decoration: none;
}

div.billboard
{
	margin-top: 0px;
}

div.billboard img
{
	border: 0px;
	height: 390px;
	margin-bottom: 10px;
}



/* @end */

/* @group Main content */

/* Main content*/


div.annuitemtitle a
{
	color: #c5a039;
	text-decoration: none;
	font: bold 14px "trebuchet ms",Verdana, Lucida, Lucida;
	height: 0;
	text-align: center;
}

div.annuitem
{
	padding-top: 0;
}

div.annuaireitemtitle
{
	color: #00b6ff;
	text-decoration: none;
	font: bold 14px "trebuchet ms",Verdana, Lucida, Lucida;
	text-align: right;
	margin-right: 110px;
	background-image: url(../images/back/titresep.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 20px;
	padding-left: 10px;
	
}


div.articleitemtitle a
{

	text-align: right;
	color: white;
	text-decoration: none;
	width: 700px;
	line-height: 30px;
	font-size: 24px;
}

div.articlepicture
{
	width: 200px;
	height: 200px;
	margin-left: 10px;
	margin-right: 10px;
	position: absolute;
	margin-top: 20px;
}



div.articleitemtitle a:hover
{

	text-align: right;
	color: #6b6b6b;
	text-decoration: none;
	width: 700px;
}

div.articleitemtitle
{
	
	text-align: left;
	color: #505050;
	font-size: 30px;
	width: 482px;
	float: left;

	padding: 20px;
	padding-bottom: 12px;
	min-height: 60px;
	padding-left: 220px;
}

#rightcontentdetails div.articlesitems div.articleitem div.titleback2 div.topleftnews div.toprightnews div.articleitemchapeau a
{
	text-decoration: none;
}

div.articleitem
{
	background-image: url(../images/carbon.jpg);
	border: 1px solid #333;
	margin-bottom: 10px;
}




#leftmenu
{
	
	background-image: url(../images/back/back.png);
    background-repeat: repeat-x;
	border: 1px solid #333;
	
	margin-top: 0px;
	position: absolute;
	width: 222px;
	min-height: 170px;

}

#rightcontent
{
	min-height: 340px;
	margin-left: 250px;
}

.topleft
{
	background: url(../images/coins/topleft.png) 0 0 no-repeat;
	margin-left: -1px;
	margin-top: -1px;
}

.topright
{
	background: url(../images/coins/topright.png) 100% 0 no-repeat;
	padding-top:1px;
	margin-right: -1px;
	margin-top: -1px;
	margin-bottom: +10px;
}

.clear
{
	font-size: 1px;
	height: 1px
}




#rightcontentdetails
{

	margin-top: 10px;

}

div.imageillus
{
	text-align: center;
	margin-top: 10px;

}


/* Product menu*/

#rightcontent div.headertitle
{
	padding-left: 250px;
	margin-top: 0;
	padding-top: 30px;
}

div.headertitle
{
	font: bold 20px "trebuchet ms",Verdana, Lucida, Lucida;
	width: 230px;
    width: 192px;
	height: 20px;
	background-image: none;
	color: white;
	text-align: center ;
	font-weight: normal;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 30px;

}

#rightcontent div.content ul li
{
		list-style: none;
}

div.wrapper
{
	text-align: center;
	width: 980px;
}

#footer p.links.right
{
	margin-top: 10px;
	opacity: 1;
	color: rgba(255,255,255,0.32);
}


/* @end */

/* @group Footer */


#footer 
{
	background-image: url(../images/footer/footer.png);
	background-position: center;
	background-repeat: no-repeat;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
	height: 65px;
}

div.bottomlinks
{
	text-align: center;
	opacity: 1;
	margin-top: 10px;
}


#footer p.links.right a
{
	
	color: #fff;
	text-decoration: none;
	font: 9px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	opacity: 1;
}

#footer p.links.left a
{
	color: #c8a03c;
	text-decoration: none;
	font: 9px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	opacity: 1;
}

#footer p.links.left
{
	color: #fff;
	text-decoration: none;
	font: 9px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	padding-top: 15px;
	opacity: 1;
}

div.bottomlinks p
{
	color: #595959;
	text-decoration: none;
	font: 9px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	opacity: 1;
}



div.bottomlinks  p a
{
	color: #715b21;
	text-decoration: none;
	font: 9px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
}


/* @end */




div.articleitemchapeau
{
	color: #fff;
	text-align: justify;
	font: 11px/18px "Verdana", trebuchet ms, Lucida, arial, helvetica;
	
	width: 720;
	padding-left: 220px;
	padding-right: 20px;
}

div.articlebody
{
	color: #fff;
	text-align: justify;
	font: 11px/18px "Verdana", trebuchet ms, Lucida, arial, helvetica;
	margin: 20px 25px 0;
	width: 540px;
}

div.articlebody.news.pressreleases
{
	width: 400px;
}

div.articlebody a
{
	color: #c8a03c;
	text-align: justify;
	text-decoration: none;
	font: 12px/18px "trebuchet ms",Verdana, Lucida, Lucida;
	width: 400px;
}


div.articlechapeau
{
	color: #00b6ff;
	text-align: justify;
	font: italic bold 12px/16px "trebuchet ms",Verdana, Lucida, Lucida;
	margin: 20px 25px 0;
	width: 400px;

}

div.articletitle
{
	color: #7e7e7e;
	text-align: justify;
	font: 10px/16px "trebuchet ms",Verdana, Lucida, Lucida;
	margin: 20px 25px;
	width: 400px;

}

div.fielderror
{
	color: #900000;
	text-align: left;
	font: 9px/16px "trebuchet ms",Verdana, Lucida, Lucida;


}



div.annuitemdescription
{
	color: #fff;
	text-align: justify;
	font: 11px/18px "Verdana", trebuchet ms, Lucida, arial, helvetica;
	margin: 10px 40px 30px;
}

div.annuitems
{
	width: 400px;
}

div.contentmaintext
{
	color: #fff;
	text-align: justify;
	font: 11px/18px "Verdana", trebuchet ms, Lucida, arial, helvetica;
	margin-top: 15px;
	background: url(../images/carbon.jpg) repeat;

	padding: 20px;
	
}

#subscribeform table tbody tr td.formfield
{
	margin-left: 0;
	padding-left: 100px;
}




div.contentmaintext a
{
	color: #00b6ff;
	text-align: justify;
	text-decoration: none;
}




div.subtitle
{
	font-size: 14px;
	color: #c5a039;
}

div.readmore
{
	


	margin-bottom: 15px;
	margin-top: 10px;
	text-decoration: none;
	color: #00b6ff;
	text-align: right;
	
}

div.readmore:hover
{
	


	margin-bottom: 15px;
	margin-top: 10px;
	text-decoration: none;
	color: #b2b2b2;
	text-align: right;
	
}

#rightcontentdetails div.articlesitems div.articleitem div.titleback div.topleftnews div.toprightnews div.articleitemchapeau a
{
	text-decoration: none;
}

#rightcontent div.imageillus img
{
	margin-bottom: 40px;
}

td.formfield
{
	width: 300px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div.headertitlesupportmessage
{
	color: #c8a03c;
	padding-bottom: 10px;
	font: 14px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	margin-top: 29px;
}

div.headertitlenewslettermessage
{
	color: #c8a03c;
	padding-bottom: 10px;
	font: 14px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	margin-top: 10px;
}




textarea 
{
	margin-bottom: 10px;
	width: 515px;
	margin-left: 0px;
	margin-top: 5px;

}


.formfieldname
{
	color: #fff;
	font: 11px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
}

div.bottomsupportemailinfo
{
	width: 500px;
	font-size: 10px;
	color: #fff;
	font: 11px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;
	margin-top: 20px;
	padding-top: 20px;
}

div.bottomsupportemailinfo a
{
	
	width: 500px;
	font-size: 10px;

	font: 11px/16px "trebuchet ms",Verdana, Lucida, Lucida grande, sans-serif;

}

input
{
	color: #000;
	opacity: 1;
	margin-top: 0;
}

input#send
{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 55px;
}

input#send:hover
{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 55px;
	opacity: 0.8;
}

span.element_bold
{

	color: #927a31;
}

div.product_separator
{

	height: 15px;
	border: 0 solid black;
	background: transparent url(../images/titleback/separation.jpg) repeat-x;
	border: none;
	opacity: 0.64;
	margin: 5px 10px;
}

div.annuitempicture
{
	margin-top: 10px;
}

#rightcontentdetails div.annuitems div.annuitem div.annuitempicture img

{
	
	margin-left: -220px;
	margin-top: -20px;
	opacity: 0.7;
	height: 150px;
	-webkit-transform: scale(1,1);
	margin-bottom: -10px;
	-webkit-transition: all 0.2s;


}

#rightcontentdetails div.annuitems div.annuitem div.annuitempicture img:hover

{
	
	margin-left: -220px;
	margin-top: -20px;
	opacity: 1;
	margin-bottom: -10px;
	height: 150px;
	-webkit-transform:  scale(1.03,1.03);


}



#nativeproducts div.downloadnow
{
	text-align: center;
}

#nativeproducts div.downloadnow a
{
	color: white;
}

div#newsletter
{
	width: 221px;
	height: 59px;
	background: url(../images/newsletter.jpg) no-repeat;	
}

#newsletter form input
{
	width: 205px;
	margin-top: 9px;
}

#newsletter_form input
{
	padding-top: 5px;
	text-align: center;
	background-color: transparent;
	border: 0px;
	color: white;
}

#newsletter form a.Ok
{
	text-align: right;
	color: #fff;
	position: relative;
	top: 8px;
	font-size: 16px;
	text-decoration: none;
}

#newsletter form a.Ok:hover
{
	color: #fff;
	text-align: right;
	font-size: 18px;
}

div.legend
{
	color: #000;
	text-align: left;
	margin-left: 10px;
	margin-top: 6px;
	width: 150px;
	float: left;
}

div.legend_success
{
	color: white;
	text-align: center;
	margin: 10px;
}

#leftmenu div.topleft div.topright div.maincontentsubmenulist ul li:hover
 {
	background-color: rgba(0,0,0,0.2);

}