* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


body {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
line-height:1.6;

}
p{line-height:1.5;}
body#bd {
background:#000 url(../images/body-top.jpg) repeat-x scroll left top;
color:#666666;

}
body.fs1 {
font-size:10px;
}
body.fs2 {
font-size:11px;
}
body.fs3 {
font-size:12px;
}
body.fs4 {
font-size:13px;
}
body.fs5 {
font-size:14px;
}
body.fs6 {
font-size:15px;
}
a {
color:#02C2EE;
text-decoration:underline;
}
a:hover, a:active, a:focus {
color:#fff;
text-decoration:none;
}
a.readon {
border-bottom:1px dotted #666666;
color:#666666;
font-weight:bold;
text-decoration:none;
}
a.readon:hover, a.readon:active, a.readon:focus {
border-bottom:1px dotted #02C2EE;
color:#02C2EE;
}
.column p, .column pre, .column blockquote, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column ol, .column ul {
margin:15px 0;
padding:0;
}
h1 {
font-size:180%;
}
h2 {
font-size:150%;
}
h3 {
font-size:125%;
}
h4 {
font-size:100%;
text-transform:uppercase;
}
h5 {
font-size:100%;
}
.contentheading, .componentheading, h1, h2, h3, h4, h5 {
font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
font-weight:bold;
line-height:1.2;
}
h1.componentheading, .componentheading {
margin:0;
padding:0 0 7px;
}
.componentheading {
border-bottom:1px solid #CCCCCC;
font-size:180%;
}
h2.contentheading, .contentheading {
margin:0;
padding:0 0 7px;
}
h2.componentheading a {
text-decoration:none !important;
}
.contentheading {
font-size:200%;
margin-bottom:5px !important;
}
.blog .contentheading {
font-size:125%;
}
.blog .leading .contentheading {
font-size:150%;
}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus {
font-weight:bold;
}
.category {
font-size:110%;
font-weight:bold;
}
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc, p.site-slogan, a.readon, .ref-navhelper, #ref-footer {
font-size:92%;
}
small, .small {
color:#999999;
}
.smalldark {
text-align:left;
}
.column ul li {
background:transparent url(../images/bullet.gif) no-repeat scroll 20px 7px;
line-height:160%;
margin-bottom:5px;
overflow:hidden;
padding-left:30px;
}
.column ol li {
line-height:180%;
margin-left:30px;
}
th {
font-weight:bold;
padding:5px;
text-align:left;
}
td {
font-size:100%;
padding:5px;
}
fieldset {
border:medium none;
padding:10px 5px;
}
fieldset a {
font-weight:bold;
}
fieldset.input {
padding:0;
}
hr {
border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px 0 0;
height:1px;
}
form label {
cursor:pointer;
}
input, select, textarea, .inputbox {
 
font-size:11px;
 
}


.text-input {
 
font-size:11px;
 background:none repeat scroll 0 0 #444444;
border:1px solid #333333;
color:#CCCCCC;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:100%;
font-weight:bold;
margin-top:5px;
padding:3px 5px;
width:95%;
}


.inputbox {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
}
.inputbox:hover, .inputbox:focus {
 
}

#log-bt{  float:right; display:inline; margin-right:20px;}
.button {
background:none;
border:none;
color:#CCCCCC;
font-size:85%;
 
text-transform:uppercase;
width:27px;
height:23px;
 
}

 
.button:hover, .button:focus {
 
 
color:#FFFFFF;
}
.checkbox {
}
.radio {
margin:0 5px;
}
.login_form fieldset {
padding:15px 0 0;
}
.login_form fieldset p {
margin:0 0 5px;
}
.login_form label {
display:block;
float:left;
font-weight:bold;
text-align:right;
width:130px;
}
.login_form .inputbox {
margin-left:10px;
width:150px;
}
.login_form .remember .inputbox {
width:20px;
}
.login_form .button {
margin-left:140px;
}
.form-register fieldset {
padding:0 0 10px;
}
.form-register p {
margin:0 0 5px;
}
.form-register p.form-des {
margin:15px 0;
}
.form-register label {
display:block;
float:left;
font-weight:bold;
text-align:right;
width:130px;
}
.form-register .inputbox {
margin-left:10px;
width:200px;
}
.form-register .button {
margin-left:140px;
}
.user-details {
padding:10px 0;
}
.user-details p {
margin:0 0 5px;
}
.user-details label {
display:block;
float:left;
font-weight:bold;
text-align:right;
width:130px;
}
.user-details .inputbox {
margin-left:10px;
width:200px;
}
.user-details .button {
margin-left:140px;
}
.user-details .paramlist .paramlist_key {
padding:0 0 5px !important;
width:130px !important;
}
.user-details .paramlist .paramlist_value {
padding:0 0 5px !important;
}
.user-details .user_name span {
font-weight:bold;
padding-left:10px;
}
form#searchForm {
border-top:1px solid #CCCCCC;
padding:15px 0;
}
.searchintro {
border-bottom:1px solid #CCCCCC;
}
.results h4 {
font-size:110%;
margin:15px 0 0;
text-transform:none;
}
.results p {
margin:0 0 10px;
}
#component-contact address {
font-style:normal;
}
#component-contact #emailForm {
border-top:1px solid #DDDDDD;
padding-top:15px;
}
.contact_email {
margin:0 0 10px;
}
.contact_email label {
display:block;
font-weight:bold;
}
.contact_email_checkbox {
margin:15px 0;
}
.blog {
}
.article_separator, .leading_separator, .row_separator, .column_separator {
display:none;
}
.leading {
padding-bottom:10px;
padding-top:10px;
}
.article_row {
padding-bottom:10px;
padding-top:10px;
}
.article_column {
}
.column_separator {
padding:0 25px;
}
.article-tools {
clear:both;
color:#999999;
display:block;
line-height:normal;
margin:0 0 10px;
position:relative;
}
.article-meta {
float:left;
padding:0;
width:70%;
}
.article-section, .article-category {
color:#999999;
font-size:92%;
}
.createby {
background:transparent url(../images/icon-user.gif) no-repeat scroll 0 2px;
padding:3px 3px 3px 20px;
}
.createdate {
background:transparent url(../images/icon-date.gif) no-repeat scroll 0 2px;
padding:3px 3px 3px 20px;
}
.modifydate {
color:#999999;
display:block;
margin:10px 0;
}
.contentdescription {
border-bottom:1px solid #CCCCCC;
display:block;
margin:0 -15px;
padding:10px 15px;
}
.contentdescription p {
margin:0;
}
.buttonheading {
float:right;
}
.buttonheading img {
border:0 none;
float:right;
margin:0 5px 0 0;
}
img.caption {
margin-top:5px;
}
.img_caption {
color:#666666;
margin-bottom:10px;
}
.article-content img {
margin:5px;
}
.img_caption img {
margin:5px 0 0;
}
.img_caption p {
color:#666666;
margin:0;
padding:2px 0 0;
text-align:center;
}
.sectiontableheader {
background:#333333 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
padding:5px;
}
.sectiontableheader a, .sectiontableheader a:hover, .sectiontableheader a:focus, .sectiontableheader a:active {
color:#FFFFFF;
}
.sectiontableentry, .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 {
background:transparent url(../images/dot2.gif) repeat-x scroll left bottom;
padding:5px 5px 6px;
}
.sectiontableentry:hover, .sectiontableentry0:hover, .sectiontableentry1:hover, .sectiontableentry2:hover {
background-color:#FFFFF0;
}
.sectiontableentry2 {
background-color:#F6F6F6;
}
table.contentpane, table.tablelist {
width:100%;
}
table.contentpaneopen {
border:medium none;
border-collapse:collapse;
border-spacing:0;
}
table.contenttoc {
border:1px solid #DDDDDD;
float:right;
margin:0 0 10px 12px;
padding:0;
width:30%;
}
table.contenttoc a {
color:#333333;
}
table.contenttoc td {
border-bottom:1px dotted #CCCCCC;
padding:5px 10px;
}
table.contenttoc th {
background:#F6F6F6 none repeat scroll 0 0;
border-bottom:1px solid #DDDDDD;
padding:5px 10px;
text-transform:uppercase;
}
div.poll {
padding:15px 0;
}
form#poll {
border-bottom:1px dotted #CCCCCC;
font-weight:bold;
margin-bottom:10px;
padding-bottom:10px;
}
dl.poll {
border-bottom:1px dotted #CCCCCC;
font-size:92%;
margin-bottom:10px;
padding-bottom:10px;
}
dl.poll dt, dl.poll dd {
float:left;
}
dl.poll dt {
clear:left;
width:100px;
}
dl.poll dd {
clear:right;
}
table.pollstableborder {
border:medium none;
padding:0;
text-align:left;
width:100%;
}
table.pollstableborder img {
vertical-align:baseline;
}
table.pollstableborder td {
background:#F6F6F6 none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
font-weight:bold;
padding:5px !important;
}
table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td {
background:#FFFFFF none repeat scroll 0 0;
font-weight:normal;
}
table.searchintro {
padding:10px 0;
width:100%;
}
table.searchintro td {
padding:5px !important;
}
table.contentpaneopen, table.contentpane, table.blog {
width:100%;
}
ul.pagination {
float:left;
margin:10px 0;
width:75%;
}
ul.pagination li {
background:transparent none repeat scroll 0 0;
display:inline;
margin:0;
overflow:hidden;
padding:0;
}
ul.pagination li span {
line-height:20px;
padding:0 5px;
}
ul.pagination a {
background:#F6F6F6 none repeat scroll 0 0;
border-bottom:3px solid #CCCCCC;
color:#000000;
line-height:23px;
padding:0 5px;
text-decoration:none;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background:#999999 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
.sortby {
font-size:92%;
margin:10px 0 5px;
}
.sortby .filter, .sortby .display {
float:left;
width:40%;
}
.sortby .display {
float:right;
text-align:right;
}
.pagenavbar {
font-weight:bold;
}
.pagenavcounter {
margin:15px 0 !important;
text-align:center;
}
.counter {
float:right;
line-height:1;
margin:15px 0 !important;
text-align:right;
width:24%;
}
.counter span {
background:#F6F6F6 none repeat scroll 0 0;
border-bottom:3px solid #CCCCCC;
color:#000000;
padding:1px 5px;
}
.blog_more {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
padding:15px 0 5px;
}
.blog_more h2 {
font-size:115%;
margin:0 0 5px;
text-transform:uppercase;
}
.blog_more ul li {
background:transparent url(../images/bullet.gif) no-repeat scroll 5px 6px;
padding-left:15px;
}
div.back_button a, div.back_button a:hover, div.back_button a:active {
display:block;
margin:10px 0;
}
#system-message {
margin:0 -15px 10px;
}
#system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul {
margin:0;
padding:0;
}
#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
margin:0;
padding:5px;
}
#system-message dd.message ul {
background:#02C2EE none repeat scroll 0 0;
border:0 none;
}
#system-message dd.error ul {
background:#BF0000 none repeat scroll 0 0;
border:0 none;
}
#system-message dd.notice ul {
background:#333333 none repeat scroll 0 0;
border:0 none;
}
.tool-tip {
background:#FFFFCC none repeat scroll 0 0;
border:1px solid #D4D5AA;
float:left;
max-width:300px;
padding:5px;
z-index:1000;
}
.tool-title {
background:transparent url(../../system/images/selector-arrow.png) no-repeat scroll 0 0;
font-size:100%;
font-weight:bold;
margin:-15px 0 0;
padding:15px 0 5px;
}
.tool-text {
font-size:100%;
margin:0;
}
.hasTip img {
border:medium none;
margin:0 5px 0 0;
}
.contentpaneopen_edit img {
vertical-align:middle;
}
.ref-rounded-top, .ref-rounded-bottom {
height:10px;
width:100%;
}
#ref-container .ref-rounded-top {
background:transparent url(../images/rounded-top.png) no-repeat scroll left top;
}
#ref-container .ref-rounded-center {
background:#000 none repeat scroll 0 0;
 
padding-top:20px;
}
#ref-topsl3 .ref-rounded-center {
background:#202020 none repeat scroll 0 0;
}
#ref-topsl2 #ref-roll-top {
background:transparent url(../images/roll-bg.png) no-repeat scroll center top;
padding:10px 20px 0;
}
#ref-topsl2 #ref-roll-bot {
background:transparent url(../images/roll-bg.png) no-repeat scroll center bottom;
height:20px;
}
#ref-botsl .ref-rounded-center {
background:#202020 none repeat scroll 0 0;
}
#ref-botsl .ref-rounded-bottom {
background:transparent url(../images/black-rounded-bottom.png) no-repeat scroll left bottom;
}
#ref-footer .ref-rounded-top {
 
}
#ref-footer .ref-rounded-center {
 
padding:0 20px;
text-align:center;
}
#ref-footer .ref-rounded-bottom {
background:transparent url(../images/black-rounded-bottom.png) no-repeat scroll left bottom;
}
#ref-right .ref-mass-top .content .ref-rounded-br {
background:#FFFFFF url(../images/box-br.gif) no-repeat scroll right bottom;
}
#ref-right .ref-mass-top .content .ref-rounded-bl {
background:transparent url(../images/box-bl.gif) no-repeat scroll left bottom;
}
#ref-right .ref-mass-top .content .ref-rounded-tr {
background:transparent url(../images/box-tr.gif) no-repeat scroll right top;
}
#ref-right .ref-mass-top .content .ref-rounded-tl {
background:transparent url(../images/box-tl.gif) no-repeat scroll left top;
padding:20px !important;
}
.ref-navhelper .ref-rounded-center {
background:#202020 none repeat scroll 0 0;
padding:10px 0;
}
.ref-navhelper .ref-rounded-bottom {
background:transparent url(../images/black-rounded-bottom.png) no-repeat scroll left bottom;
}
.ref-rounded-top {
background:transparent url(../images/black-rounded-top.png) no-repeat scroll center top;
}
.ref-rounded-bot {
background:transparent url(../images/black-rounded-bottom.png) no-repeat scroll center bottom;
margin-bottom:15px;
}
div.ref-moduletable h3, div.moduletable h3 {
font-size:125%;
margin:0 0 8px;
overflow:hidden;
padding:1px 0 0;
text-transform:uppercase;
}
div.moduletable_menu h3 {
margin-bottom:0;
}
div.ref-moduletable, div.moduletable {
margin-bottom:15px;
margin-top:8px;
padding:0 0 10px;
position:relative;
}
#ref-container div.ref-moduletable h3, #ref-container div.moduletable h3 {
color:#333333;
}
.badge {
background-image:url(../images/icon-badge.png);
background-repeat:no-repeat;
height:46px;
position:absolute;
right:0;
top:0;
width:45px;
}
.badge-hot .badge {
background-position:0 0;
}
.badge-new .badge {
background-position:0 -46px;
}
.badge-pick .badge {
background-position:0 -92px;
}
.badge-top .badge {
background-position:0 -138px;
}
.badge-new .ref-box-ct, .badge-top .ref-box-ct, .badge-pick .ref-box-ct, .badge-hot .ref-box-ct {
padding:10px;
}
#ref-search {
background:transparent url(../images/form-bg.png) no-repeat scroll left center;
 
height:26px;

float:right; margin-top:16px; display:inline;
margin-right:25px;
 
 
 
 
}


#devis-rf{float:right;  text-align:center; width:22%; margin-top:4px; }
#devis-rff{float:right;  text-align:center; width:36%; margin-top:4px; height:65px; }
#img-devis-rf{float:right;  text-align:center; }
#txt-devis-rf{float:right; margin-top:20px;  text-align:center; font-weight:bold; color:#E1E3E4}
#txt-devis-rf a{
	color:#E1E3E4;
	text-decoration:none;
}
#ref-search label {
display:none;
}
#ref-search .inputbox {
background:none;
border:none;
color:#CCCCCC;
font-size:100%;
font-weight:bold;
padding:3px 5px;
width:140px;
height:19px;
 
}

.ref-colswrap .inputbox {
background:#000 none repeat scroll 0 0;
border: none;
color:#666;
font-size:100%;
font-weight:bold;
padding:3px 5px;
width:150px;
margin-bottom:10px;
}



#ref-main .inputbox, textarea  {
background:#444444 none repeat scroll 0 0;
border:1px solid #333333;
color:#CCCCCC;
font-size:100%;
font-weight:bold;
padding:3px 5px;
width:47%;
margin-top:5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}



#ref-search .inputbox:hover, #ref-search .inputbox:focus {
}
#ref-search .button {
font-size:100%;
font-weight:bold;
 
text-transform:none;
margin-left:-4px;

}
#form-login-username .inputbox, #form-login-password .inputbox {
background-position:5px center;
background-repeat:no-repeat;
font-weight:bold;
}
#form-login-username .inputbox, #form-login-password .inputbox {
width:90%;
}
#form-login ul {
margin:0 !important;
padding:0;
}
#form-login p {
margin:0 0 5px;
}
#form-login .button {
 
}
h4.poll-title {
margin:0;
padding:0;
}
a.poll-result {
font-size:92%;
text-transform:uppercase;
}
form.poll .button {
margin-right:5px;
}
div.bannergroup_text div.banneritem_text {
border-bottom:1px dotted #CCCCCC;
padding:5px 0;
}
div.bannergroup_text div.banneritem_text a {
font-weight:bold;
}
div.bannergroup_text div.bannerheader, div.bannergroup_text div.bannerfooter_text a {
color:#999999;
font-size:92%;
}
div.bannergroup_text div.bannerfooter_text {
padding:5px 0 0;
text-align:right;
}
div.bannergroup {
margin-bottom:10px;
}
div.ref-module h3, div.module h3 {
border-bottom:1px solid #CCCCCC;
color:#7BA566;
font-size:115%;
font-weight:bold;
margin:0 -15px 10px;
padding:8px 15px;
text-transform:uppercase;
}
div.ref-module, div.module {
margin-bottom:20px;
overflow:hidden;
position:relative;
}
.ref-box-br {
background:#FFFFFF url(../images/b-br.gif) no-repeat scroll right bottom;
}
.ref-box-bl {
background:transparent url(../images/b-bl.gif) no-repeat scroll left bottom;
}
.ref-box-tr {
background:transparent url(../images/b-tr.gif) no-repeat scroll right top;
}
.ref-box-tl {
background:transparent url(../images/b-tl.gif) no-repeat scroll left top;
padding:0 15px 10px;
}
div.module_text h3 {
border-bottom:0 none;
clear:both;
display:block;
margin:0 0 10px;
overflow:hidden;
padding:0;
width:100%;
}
div.module_text span {
background:#FFFFFF none repeat scroll 0 0;
clear:both;
display:block;
float:left;
font-weight:bold;
padding:0 3px;
}
div.module_noborder, div.module_noborder .ref-box-bl, div.module_noborder .ref-box-tr, div.module_noborder .ref-box-tl {
background:transparent none repeat scroll 0 0;
padding:0;
}
div.module_black *, div.module_green *, div.module_blue *, div.module_red * {
color:#FFFFFF !important;
}
div.ref-moduletable ul, div.ref-module ul {
margin:15px 0 0;
}
div.ref-moduletable ul li, div.ref-module ul li {
background-position:2px 8px;
padding-left:12px;
}
h3.show {
background:transparent url(../images/icon-show.png) no-repeat scroll 100% 60%;
cursor:pointer;
}
h3.hide {
background:transparent url(../images/icon-hide.png) no-repeat scroll 100% 60%;
cursor:pointer;
}
#text-col{ text-align:left; color:#02c2ee;  font-weight:bold; font-size:14px}
.wrap {
}
.main {
}
.ref-box {
padding-bottom:10px;
padding-top:10px;
}
#ref-wrapper {
background:transparent url(../images/body-bottom.jpg) repeat-x scroll left bottom;
min-height:450px;
/*padding-top:56px;*/
position:relative;
text-align:center;
}

#banner {
position:relative;
 
 
 
height:432px;
margin:auto;
}
#ref-container {
position:relative;
z-index:5;
 

 
}

.webkit #ref-container {
position:relative;
z-index:5;
 
 
}
#ref-container .main {
}
#ref-container.ref-l1r1 {
}
#ref-container {
}
#ref-container.ref-r2 .main {
 
}
#ref-container.ref-r1 .main {
background:transparent url(../images/main-bg.jpg) no-repeat scroll 76% 50%;
}
#ref-container.ref-l1 .main {
background:transparent url(../images/main-bg.jpg) no-repeat scroll 26% 50%;
}
.ref-mass-top {
}
.ref-mass-top .ref-moduletable, .ref-mass-top .ref-module {
margin-left:0;
margin-right:0;
}
.ref-mass-top .ref-box-ct .content {
}
.ref-mass-top .ref-box-ct {
}
.ref-mass-bottom {
}
.ref-mass-bottom .ref-moduletable, .ref-mass-bottom .ref-module {
margin-left:0;
margin-right:0;
}
#ref-mainbody {
}
#ref-main .inner {
}
#ref-contentwrap {
}
.ref-content-top {
}
.ref-content-top .ref-moduletable, .ref-content-top .ref-module {
margin-left:0;
margin-right:0;
}
.ref-content-main {
}
.ref-content-bottom {
}
.ref-content-bottom .ref-moduletable, .ref-content-bottom .ref-module {
margin-left:0;
margin-right:0;
}
.ref-colswrap {
}
.ref-col {
}
#ref-left .ref-l2 {
}
#ref-right .ref-r2 {
}
#ref-header {
position:relative;
z-index:10;
height:140px;
}
#ref-header .main {
 
position:relative;
}
.logo, div.logo-text h1 {
font-size:100%;
line-height:1;
}
.logo, div.logo-text {
float:left;
margin-top:55px;
position:relative;
z-index:1;
}
.logo {
height:84px;
width:164px;
float:left;
}
.logo a {
background:transparent url(../images/logo.png) no-repeat scroll left top;
display:block;
height:84px;
width:164px;
}
 
 
p.site-slogan {
color:#999999;
display:block;
font-size:85%;
letter-spacing:1px;
margin:8px 0 0;
padding:0 5px;
text-align:center;
text-transform:uppercase;
}
#mainnav {
	height:29px;
	width:100%;
	margin-right:0px;
}

#header-right{ float:right;  text-align:right;  padding-top:52px;}
 
  
  
  .ref-search{margin-bottom:12px;}
  
  .webkit   .ref-search{margin-bottom:8px;}
#mainnav .main {
}
span.has-image {
background-position:left 2px;
background-repeat:no-repeat;
display:block;
overflow:hidden;
padding-left:25px;
}
div.menu-title {
display:block;
font-size:110%;
background: url(../images/mainnav-active.gif) no-repeat scroll right center;
cursor:pointer;
height:30px;
padding-right:15px;
float:left;
}
span.menu-desc {
color:#666666;
display:block;
font-size:92%;
font-weight:normal;
}
#ref-subnav ul {
margin:0;
padding:0;
}
#ref-subnav li {
background-position:0 14px;
border-bottom:1px dotted #CCCCCC;
margin:0;
overflow:hidden;
padding:0 0 0 5px;
}
#ref-subnav ul li a {
color:#333333;
display:block;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:6px 0;
text-decoration:none;
text-indent:5px;
}
#ref-subnav ul li a:hover, #ref-subnav ul li a:active, #ref-subnav ul li a:focus {
color:#02C2EE;
}
#ref-subnav ul li.active a {
color:#02C2EE;
font-weight:bold;
}
#ref-subnav ul li ul {
margin:0 0 0 10px;
}
#ref-subnav ul li li {
background:transparent url(../images/arrow.png) no-repeat scroll left 11px;
border-bottom:0 none;
border-top:1px dotted #CCCCCC;
}
#ref-subnav ul li li a {
color:#333333 !important;
font-weight:normal !important;
text-indent:10px;
}
#ref-subnav ul li li a:hover, #ref-subnav ul li li a:active, #ref-subnav ul li li a:focus {
background:transparent none repeat scroll 0 0;
color:#02C2EE !important;
}
#ref-subnav ul li.active > a {
color:#02C2EE !important;
font-weight:bold !important;
}
#ref-subnav li.first-item {
border-left:0 none;
}
#ref-subnav ul li.empty {
visibility:hidden;
}
.ref-navhelper {
color:#FFFFFF;
text-transform:uppercase;
}
.ref-navhelper .main {
padding:0 0 20px;
}
.ref-navhelper a {
color:#02C2EE;
padding:0 2px;
text-decoration:none;
}
.ref-navhelper a:hover, .ref-navhelper a:active, .ref-navhelper a:focus {
color:#FFFFFF;
text-decoration:none;
}
.ref-breadcrums {
float:left;
margin-left:10px;
margin-top:2px;
width:80%;
}
.ref-breadcrums strong {
margin-right:5px;
}
.ref-breadcrums img {
margin:1px 5px;
}
.ref-links {
float:right;
margin:2px 10px 0 0;
}
.ref-links li {
background:transparent none repeat scroll 0 0;
display:inline;
padding:0;
}
.ref-links li.top a {
background:transparent url(../images/arrow2.png) no-repeat scroll 5px center;
padding-left:17px;
padding-right:5px;
}
.ref-links li.top a:hover {
}
.ref-links li.layout-switcher a {
background:#02C2EE none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
.ref-links li.layout-switcher a:hover {
background:#666666 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
.ref-links li.user-reset a {
background:#BF0000 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
.ref-links li.user-reset a:hover {
background:#666666 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
#ref-container ul.menu {
margin:0;
padding:0;
}
#ref-container ul.menu li {
background-position:0 14px;
border-bottom:1px dotted #CCCCCC;
margin:0;
overflow:hidden;
padding:0 0 0 5px;
}
#ref-container ul.menu li a {
color:#333333;
display:block;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:6px 0;
text-decoration:none;
text-indent:5px;
}
#ref-container ul.menu li a:hover, #ref-container ul.menu li a:active, #ref-container ul.menu li a:focus {
color:#02C2EE;
}
#ref-container ul.menu li.active a {
color:#02C2EE;
font-weight:bold;
}
#ref-container ul.menu li ul {
margin:0 0 0 10px;
}
#ref-container ul.menu li li {
background:transparent url(../images/arrow.png) no-repeat scroll left 11px;
border-bottom:0 none;
border-top:1px dotted #CCCCCC;
}
#ref-container ul.menu li li a {
color:#333333 !important;
font-weight:normal !important;
text-indent:10px;
}
#ref-container ul.menu li li a:hover, #ref-container ul.menu li li a:active, #ref-container ul.menu li li a:focus {
background:transparent none repeat scroll 0 0;
color:#02C2EE !important;
}
#ref-container ul.menu li.active > a {
color:#02C2EE !important;
font-weight:bold !important;
}
#ref-container ul.menu span.separator {
display:none;
}
#ref-topsl3 .ref-box, #ref-botsl .ref-box {
padding:0;
}
#ref-topsl3 .ref-box-right, #ref-botsl .ref-box-right, #ref-topsl3 .ref-box-full, #ref-botsl .ref-box-full {
background:transparent none repeat scroll 0 0;
}
#ref-topsl3 .ref-moduletable, #ref-botsl .ref-moduletable, #ref-topsl3 .moduletable, #ref-botsl .moduletable {
border-bottom:0 none;
margin-bottom:0 !important;
padding-bottom:0 !important;
}
#ref-topsl3 li, #ref-botsl li, #ref-botsl1 li {
background-image:url(../images/bullet2.gif);
background-position:1px 8px;
padding-left:10px;
}
#ref-topsl3 li a, #ref-botsl li a, #ref-botsl1 li a {
text-decoration:none;
}
#ref-topsl3 li a:hover, #ref-botsl li a:hover, #ref-botsl1 a:hover, #ref-topsl3 li a:active, #ref-botsl li a:active, #ref-botsl1 a:active, #ref-topsl3 li a:focus, #ref-botsl li a:focus, #ref-botsl1 a:focus {
color:#FFFFFF;
}
#ref-topsl3 ol li, #ref-botsl ol li {
margin-left:25px;
padding:0 !important;
}
#ref-topsl3 ul, #ref-topsl3 p, #ref-topsl3 ol, #ref-botsl ul, #ref-botsl p, #ref-botsl ol {
margin:0;
padding:0;
}
#ref-topsl3 a, #ref-botsl a {
border-bottom:1px dotted #CCCCCC;
color:#CCCCCC;
text-decoration:none;
}
#ref-topsl3 a:hover, #ref-topsl3 a:active, #ref-topsl3 a:focus, #ref-botsl a:hover, #ref-botsl a:active, #ref-botsl a:focus {
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
text-decoration:none;
}
#ref-topsl1 {
color:#CCCCCC;
margin-bottom:15px;
}
#ref-topsl1 div.ref-moduletable, #ref-topsl1 div.moduletable {
border:medium none;
margin-bottom:0;
padding:0;
}
#ref-topsl2 .main {
width:1000px;
}
#ref-topsl2 div.moduletable h3 {
color:#FFFFFF;
}
#ref-topsl2 div.ref-moduletable, #ref-topsl2 div.moduletable {
margin-bottom:0;
margin-top:0;
padding:0;
}
#ref-topsl2 .ref-box-ct {
padding:10px 0 0;
}
#ref-topsl2 a:hover, #ref-topsl2 a:focus, #ref-topsl2 a:active {
border-bottom:1px dotted #BF0000;
color:#BF0000;
}
#ref-topsl3 {
color:#CCCCCC;
}
#ref-topsl3 .main {
padding:0 0 20px;
}
#ref-topsl3 h3 {
background:transparent none repeat scroll 0 0;
color:#02C2EE;
font-size:110%;
margin:0 0 5px;
padding:0;
text-transform:none;
}
#ref-topsl3 a {
border-bottom:1px dotted #666666;
color:#666666;
}
#ref-topsl3 .column .ref-box-ct li {
float:left;
overflow:visible;
width:45%;
}
#ref-botsl {
color:#999999;
}
#ref-botsl .main {
padding:0 0 10px;
}
#ref-botsl .ref-moduletable, #ref-botsl .moduletable {
border-bottom:0 none;
margin-bottom:0;
}
#ref-botsl h3 {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
margin:0 0 8px;
padding:0;
}
.ref-box-right .ref-moduletable, .ref-box-right .moduletable, .ref-box-full .ref-moduletable, .ref-box-full .moduletable {
background:transparent none repeat scroll 0 50% !important;
border:0 none !important;
}
#ref-botsl .ref-box-ct {
}
#ref-botsl1 {
color:#999999;
}
#ref-botsl1 .main {
padding:0 0 10px;
}
#ref-botsl1 .ref-moduletable, #ref-botsl1 .moduletable {
border-bottom:0 none;
margin-bottom:0;
}
#ref-botsl1 h3 {
background:transparent none repeat scroll 0 0;
color:#CCCCCC;
margin:0 0 8px;
padding:0;
}
#ref-footer {
clear:both;
padding:0 0 0px;
}
#ref-footer .main {
color:#666666;
padding:0;
position:relative;
}
#ref-footer .inner {
padding:0;
}
#ref-footer small {
color:#666666;
font-size:100%;
}
#ref-footer a:hover, #ref-footer a:focus, #ref-footer a:active {
color:#FFFFFF;
}
#ref-footer .ref-footnav {
font-size:100%;
margin:0 0 10px;
overflow:hidden;
position:relative;
width:100%;
}
.ref-footnav ul {
float:left;
line-height:normal;
padding-left:16%;

*padding-left:12%;
_padding-left:12%;
display:inline;
}
.ref-footnav li {
border-left:1px solid #999999;
display:block;
float:left;
padding:0 10px;
}
.ref-footnav li a {
color:#666666;
display:block;
font-weight:bold;
line-height:1;
text-decoration:none;
text-transform:uppercase;
}
.ref-footnav li a:hover, .ref-footnav li a:active, .ref-footnav li a:focus {
color:#333333;
}
.ref-footnav .ref-firstitem {
border-left:0 none;
padding-left:0;
}
.ref-copyright small {
display:block;
}
ul.ref-usertools-font {
font-size:11px;
position:absolute;
right:20px;
top:15px;
}
ul.ref-usertools-font li, ul.ref-usertools-screen li {
background:transparent none repeat scroll 0 0;
display:inline;
margin:0;
padding:0;
}
ul.ref-usertools-screen {
font-size:11px;
position:absolute;
right:90px;
top:15px;
}
#ref-banner {
border-top:1px solid #CCCCCC;
margin:0;
overflow:hidden;
padding-top:15px;
text-align:center;
width:100%;
}
div.ref-innerdiv {
border-bottom:1px dotted #CCCCCC;
clear:both;
margin-bottom:10px;
padding-bottom:12px;
}
div.ref-innerdiv img {
margin-right:10px;
}
div.ref-innerdiv h4 {
font-weight:bold;
margin:5px 0 2px;
padding:0;
text-transform:none;
}
div.ref-innerdiv a {
color:#666666;
text-decoration:none;
}
div.ref-innerdiv a:hover, div.ref-innerdiv a:active, div.ref-innerdiv a:focus {
color:#92B116;
}
.cufon-canvas {
padding:1px 0 3px;
}









/* menu */
.cote_menu{
	width:1%;
	float:left;
 
	height:30px;
	}

#menu{
	float:left;
	width:99%;
	height:30px;
	background-color:#869900;
	z-index:1;
}

ul.topnav {
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
	padding-top:5px;
}

ul.topnav li img{
	padding-left:2px;
	padding-right:2px;
}

ul.topnav li {
	float: left;
	margin:0;
	padding:0;
	position: relative;
}
ul.topnav li a{
	text-decoration:none;
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	float:left;
	 
	background: #869900;
	margin-top:-5px;
	padding-top:5px;
	padding-left:13px;
	padding-right:13px;
	z-index:1;
}

ul.topnav li a:hover{
	 
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 200%;
	 
	height: 100px;
	 
	 
	position:absolute;
	left:-20px;
	top:-10px;
	
	
	/*float: left;*/
 
	 
	cursor:pointer;
	z-index:-5;
	 
}

ul.topnav li span.subhover {
	width:320px;
	background-position: center bottom; 
	cursor: pointer;
	}
	 /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0px; top:29px;
	background: transparent url(../images/bg-m.gif) no-repeat scroll ;

	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 180px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	 
	z-index:2;

}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 164px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 164px;
	 
	padding-left: 4px;
  text-align:left;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	 
}

.bt-dev{ background: url('../images/bt-dev.png') no-repeat; height: 23px; width: 65px; border: none; color: #E1E3E4}