/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       Mediameg C-CSS 1.3
 * CSS Author:    Optimeasy
 * Copyright:     Mediameg
 * Browser:       _ccbot 1.0
 * Browser group: 
 */
a { color:#f0b50f; text-decoration:none; }
a:hover {color:#f0b50f; text-decoration:underline; }
h1 {font-size: 20px; font-weight:bold; color:#FFFFFF; margin:0;}
h1 a{font-size: 16px; font-weight:bold; color:#FFFFFF; }
h1 a:hover {font-size: 16px; font-weight:bold; color:#FFFFFF; }
hr { margin:0; border-style:inset;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background: #FFFFFF;}
#col_header { width:100%; background: #FFF; height:100px; display:block; position:fixed; z-index:10; top:0;}
#wrapper {width:990px; margin:0 auto -144px auto; padding-top:100px;}
#col_footer { width:100%; background: #fff; height:192px; display:block;}
#div_header_inter_options {min-width: 92px; height: 15px; margin: -78px 0 0 29px; line-height: 20px; float: right; font-size: 9px; padding-top: 30px;}
span#spn_header_inter_options_cart { border-right: 1px solid black; padding-right: 5px; }
#spn_header_inter_options_cart a { background: url("site/cart.png") no-repeat; min-width: 49px; display: inline-block; padding-left: 30px; color:#000000; font-weight: bold; font-family: "verdana"; }
#spn_header_inter_options_sign_in a { color: #767676; font-weight: bold; font-family: "verdana"; }
#header { width: 990px; height: 100px; background: none; z-index:1000; margin:0 auto;}
#header_elements { height: 96px;}
.logo { float:left; display:block;}
#header_contact { margin:20px 0 0 28px; height:65px; color:#767676; font-family:Verdana, Geneva, sans-serif; float:left; border-right: 2px solid #767676; font-size:10px; text-align:left; width:232px;}
#header_contact .htxt_ville{ width:91px; display:inline-block; font-size:13px; font-weight:bold;}
#header_contact #htxt_sf {font-weight:bold; font-size:10px; width:87px; text-align:left;}
#header_contact #htxt_poste {font-weight:bold; font-size:10px; width:87px; text-align:left;}
#header_contact #granby{margin-top:8px;}
#header_cnt_loc {margin-top:35px; width:280px; color:#535353;}
#header_cnt_loc .htxt_phone { font-weight:bold;}
#header_cnt_loc .htxt_separator { font-size:16px;}
#header_cnt_sf { font-weight:900;}
#htxt_contact { float:left; width:111px; height:60px; display:inline-block; padding-top:5px; font-size:10px; font-weight:bold; font-size:10px; color:#535353; margin-top:20px; color:#000; border-right: 2px solid #767676;}
#htxt_contact a {color:#535353;}
#header_workshop { float:left; margin-top:62px; width:90px;}
#header_workshop a{ color:#767676;}
#header_workshop a:hover{ color:#505050;}
#hd_nous_joindre{ display:block; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin:0 0 12px 0;}
.reseaux_link{ width:23px; height:23px; display:inline-block; margin-right:5px; text-decoration:none!important;}
.twitter{ background:url(site/twitter.png) no-repeat;}
.facebook{ background:url(site/facebook.png) no-repeat;}
.youtube{ background:url(site/youtube.png) no-repeat;}
#header_ws_img{ float:left; margin:3px 0 0 10px;}
#header_ws_txt { float:left; height:30px; font-family:Verdana, Geneva, sans-serif; margin-top:8px; color:#535353; font-size:10px; text-transform:Uppercase;}
#header_fb { margin-left:120px; float:left; margin-top:4px;}
#productSearch {float:left; margin:42px 0 0 5px; color:#909090; font-style:italic;}
#search_submit input{ width:160px; height:14px;}
#search_submit {float:left; background:#005589; width:91px; padding:0px 0 0px 4px; line-height:20px; font-size:11px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:40px 0 0 4px; color:#fff;}
#langue{position:relative; text-align:right; top:-100px; left:926px; width:60px; height:20px; display:block; color:black; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}
#langue a{ color:black; text-decoration:none;}
#langue #langue_fr{ border-right:solid 1px #000000; height:20px; padding-right:3px; display:inline-block; line-height:18px;}
#langue #langue_en{padding-left:2px; display:inline-block; line-height:18px;}
#menu { width:990px; height: 42px; background: none; font-size:12px; text-align:center; background:url(site/menu_bg.png) repeat-x; margin:25px 0 0 0; z-index:10;}
#menu ul.top_itm { margin:15px 21px 0 21px;}
#menu a.top_itm { width: 135px; color: #FFFFFF; padding: 0 0px; text-decoration: none; line-height: 17px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align: center; }
#menu a.top_itm span { width:135px; padding: 0 0px; display: block; }
#menu li.top_itm {width: 135px; height: 30px; background: none; margin-top: -15px; padding-top: 15px;}
#menu li.top_itm.tactive, #menu li.top_itm:hover { background: url(site/menu_hover_bg.png) repeat-x; height:27px;}
#menu li.tactive a.top_itm, #menu li.top_itm a.MenuBarItemSubmenuHover, #menu li.top_itm a.top_itm:hover { line-height: 17px; padding-bottom:10px;}
#menu ul.sub_itm { width: 580px; height:auto; background:#fff; border: solid 1px #000; font-size:12px; padding-top:10px; }
#menu ul.MenuBarSubmenuVisible { width: 580px; background:#fff; border: solid 1px #000; font-size:11px; height:auto;}
#menu li.sub_itm { width: 185px; background:none; padding: 4px; text-align:left;}
#menu li.sub_itm a { height: auto; background:none; color:#000; text-decoration: none; border-bottom:solid 1px black; margin:0 20px;}
#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none; color:#000;}
#menu li.sub_itm a span {background:none; padding:4px; margin:0;}
#nav_2 { display:none;}
#nav_8 { display:none;}
#nav_9 { display:none;}
#nav_10 { display:none;}
#nav_11 { display:none;}
#nav_13 { display:none;}
#nav_14 { display:none;}
#js_news_box { width: 233px; height: 60px; margin-top: 179px; margin-left:759px; background: url(site/js_news_box.png) no-repeat; overflow: hidden; position:absolute;}
#js_news_box ul { height: 60px; margin: 0; }
#js_news_box li { list-style: none; text-align: left;margin-left:-25px;}
#js_news_box li a span { position:absolute;width:210px; margin-top:20px;font-size: 18px; color: #514d4d; font-weight: normal; text-align: left; line-height: 20px; font-family:"Calibri";}
#side_page{width: 201px; height: 705px; margin-top:10px; float: left;}
#calendrier{background: url(site/calendrier.png) no-repeat;width:201px;height:129px;font-family:Arial;font-weight:bold;font-size:11px;margin-top:14px; color:#FFFFFF}
#prev,#next{font-size:16px;}
.cal_holder { width: 100%;padding-top: 15px;}
#calendrier .today {background-color:#abe5f1; color:#FFFFFF; }
#calendrier .date:hover {background-color:#089ebe; color:#FFFFFF; }
#calendrier .event {background-color:#05677c; }
#calendrier .event a {color:#FFFFFF; font-weight:bold;}
#calendrier .cal_drop {width: 750px; color:#FFFFFF; background: #05677c; border: 2px solid #000000; margin-left: 30px; padding: 20px; }
#calendrier .cal_drop h1.post_title a {color:#FFFFFF;}
form.vlf { margin:0px; padding:0px;}
form.vlf fieldset { margin:0px; padding:0px; width:180px; border:0px;}
form.vlf fieldset div { padding:3px 0px; height:24px;}
form.vlf fieldset div.state { display:none;}
form.vlf fieldset div.warning { display:none;}
form.vlf fieldset label { float:left; display:block; width:145px; background:none; border:none;}
form.vlf fieldset .error input, form.vlf fieldset .error textarea { border:none;}
form.vlf fieldset label span, form.vlf fieldset legend span { color:#FF0000; display:inline-block; width:10px; text-align:center; font-size:12px;}
form.vlf fieldset input { width:145px; border:none;}
form.vlf button {width: 150px;height: 25px;margin-top: 10px;margin-bottom: 10px;}
.blog_container{ width: 1024px; padding-left:20px; }
.blog_post_container{ min-height : 400px; display: inline-block; float:left; width: 679px; }
.blog_post{ width: 100%; background : url("site/point.png") repeat-x scroll left bottom transparent; padding-top: 15px; padding-bottom: 10px; }
.blog_paging{ width: 100%; }
.blog_categorie{ width:280px; display: inline-block; background : url("site/point.png") repeat-x scroll left top transparent; padding-left: 43px; margin-top : -58px; }
.blog_archive{ width:280px; display: inline-block; background : url("site/point.png") repeat-x scroll left top transparent; padding-left: 43px; }
.blog_comments{ width: 640px; }
.blog_show_commments{ display: none; }
.blog_show_commments p{ clear: both; display: block; }
.blog_do_commment{ display: none; }
a{ cursor: pointer; }
.blog_comment_name{ float: left; }
.blog_comment_order{ float: right; margin-left: 5px; }
.blog_comment_date{ float: right; }
.blog_do_comment_form p span{ width:100px; display: inline-block; }
.state, .warning{ display: inline-block; }
.blog_do_comment_form p.msgholder{ color: red; }
.act_ctn {width:400px ; height: auto; padding:0px; text-align: left; }
.act_ctn a {color:#f0b50f;}
#act_ctn_16 {margin:10px 0 0 auto; background:url(site/wrapper_b_bg.png) repeat-y; width:990px; height:auto; padding:20px 0 0 14px;}
#cell_171 { padding:0 5px 0 0;}
.content {width:960px;}
.prix_regulier {font-size:8pt;font-weight:normal; display:block;}
#rotator_js_22 {width: 700px; height:200px; position: absolute; margin-top: 25px; right: 25px;}
#navigation_rotator_js_22 {width: 100px; position: absolute; top: 5px; left: 5px;}
#navigation_rotator_js_22 li{float:left; width:25px; height:19px; line-height:19px; text-align:center;}
.nav_btn{background: url('site/btn-nav.png') no-repeat; margin-top:160px; font-size:0;}
.nav_btn_selected {background: url('site/btn-nav-selected.png') no-repeat;}
#rotator_js_23 {display:none;}
#section_4 #rotator_js_23 {display:block;width: 700px; height:70px; position: relative; left: 265px; top:-75px;}
#arrow_left_rotator_js_23 {position:absolute; top:0px; left:-20px;}
#arrow_right_rotator_js_23 {position:absolute; top:0px; right:-20px;}
.lien_blanc a{color:#fff; text-decoration:none;}
#dyn_ctn_6844 {margin-left: 43px; font-size: 11pt;}
#dyn_ctn_6844 h2 {color: #EBAF0E; font-size: 1.3em;-webkit-margin-before: 0.3em;-webkit-margin-after: 0.5em;}
#message_body label {width:150px; display: inline-block; margin-top: 10px;}
#indreg {margin-left: -2px;}
#Numero_de_telephone {width: 83px;}
#message {margin-top:10px;width: 420px;height: 150px;}
#section_6 #rotator_js_22 {display:none;}
#googlemap {display:none; width:950px ; height:410px; background:#333333 no-repeat; float:left;}
#result_pane {width:340px; height:310px; overflow-y:auto; overflow-x:hidden; background-color:#333333; color:#CCCCCC; }
#result_pane div.result_block { padding-left:26px; padding-top:5px;}
#mapborder { display:none;}
#map_canvas {width:580px; height:381px; overflow:hidden;}
#search_box {}
#googlemap h2 { margin:0; padding:0; text-transform:uppercase; font-size:14px; }
#result_pane h2 {color:#fff;}
#address {margin:0; padding:0;}
#telephone {margin:0; padding:0px;}
#map_canvas #address, #map_canvas #telephone {color:#000000;}
#section_275 .gal {float:left;max-width:200px;margin-left:40px; margin-top:-2px;}
#section_275 .galImg {float:left; padding-bottom:10px; }
#section_275 .upper_gal_img {}
#section_4 #newsletter_wrapper {display:none;}
.push {height:0px;}
.policy {text-decoration:none;}
.policy:hover {text-decoration:underline;}
#footer { width:990px; height: 170px; margin: 0 auto; background: none; border-bottom: 1px solid;}
#footer_elements { position:absolute; top:13px; left:335px; height:110px;}
#footer_elements a{color:#000; text-decoration:none;}
#footer_elements #footer_product { width:670px;}
#footer_elements .footer_product { width:175px; margin:0 5px 3px 0px; float:left; font-size:9px; text-align:left; font-family:Verdana, Geneva, sans-serif;}
#momo_bot { float:left; margin:0 30px 0 10px;}
#img_reseaux { float:left; margin:5px 10px 0 10px;}
#img_footer { position:absolute; top:40px; left:515px;}
#details{position: absolute;width: 150px;left: -207px;top: 0px;text-align: left;}
#site_map { width: 111px; height:155px; margin:5px; padding-top:6px; font-size: 10px; border-right:solid 1px #000000; text-align: left; float:left; display:block; }
#site_map a { color:#424444; font-weight:normal; text-decoration:none; }
#site_map a:hover {font-weight:normal; text-decoration:underline;}
#site_map span { padding:0px 12px 0px 6px; margin:0; display:inline-block; line-height:22px; }
#site_map span.links { line-height:10px; position:absolute; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold;}
#site_map span.links a{font-weight:bold; color:#000000;}
#site_map .endlink { display:block; margin: 0; padding: 0; height: 0; line-height: 0; }
#site_map .optimised { display:none; line-height:10px; padding: 3px; }
#site_map .copyright { padding:3px 8px 0px 8px; top:167px; text-align:center; position:absolute; }
#site_map .design { display:none; top:170px; position:absolute; left:750px;}
#site_map span.links.sitemap_1 { top:25px;}
#site_map span.links.sitemap_2 { top:119px;}
#site_map span.links.sitemap_3 { top:39px;}
#site_map span.links.sitemap_4 { top:55px;}
#site_map span.links.sitemap_5 { top:71px;}
#site_map span.links.sitemap_6 { top:87px;}
#site_map span.links.sitemap_7 { top:103px;}
#site_map span.links.sitemap_8 { left:130px; display:none;}
#site_map span.links.sitemap_9 { left:130px;top:29px; width:150px; display:none;}
#site_map span.links.sitemap_10 { top:135px;}
#site_map span.links.sitemap_11 { display:none;}
#site_map span.links.sitemap_12 { top:151px; font-size:8px;}
#site_map span.links.sitemap_13 { display:none;}
#site_map span.links.sitemap_14 { display:none;}
.scroll-track-top { margin-left: 1px;height:10px; width:10px; background-image: url('scroller/up.png'); }
.scroll-track-bot { margin-left: 1px;height:10px; width:10px; background-image: url('scroller/down.png'); }
.scroll-track { margin-left: 1px;height:10px; width:10px; background-color: #1a1613; }
.scroll-handle { margin-left: 1px;height:60px; width:10px; background-color: #5b534e; cursor:pointer; }
.scroll-handle-top { height:8px; width:10px; background-color: #5b534e; background-repeat: repeat; cursor:pointer; }
.scroll-handle-bot { height:8px; width:10px; background-color: #5b534e; background-repeat: repeat; cursor:pointer; }
html, body {margin:0; padding:0; width:100%; text-align:center; height:100%;}
.wrapper { height: auto !important; height: 100%; text-align:left; position:relative; padding:0; min-height:100%; color:#fff;}
.push {clear:both; height:200px; }
#section_4 .push{height:130px;}
.footer {position:relative; padding:0;}
img {border:none; }
div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }
.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; }
.thumbLF { margin:0px 10px 3px 0px; float:left; }
.clear {clear:both;}
ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer;}
ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}
table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;}
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}
#div_login{width: 100%;}
#div_register{width: 100%;}
#login_form {display:none; padding-top: 20px; width:100%;}
#login_form input {background-color: #d0d6de; border: 1px solid black;}
#login_form label, #login_form input { display: block; float: left; font-size: 13px; height: 18px;}
#login_form label[for="mail"] { width: 130px; padding: 4px 0; }
#login_form input[name="mail"] { width: 170px; padding: 2px;}
#login_form label[for="pass"] { width: 93px; padding: 4px 0; }
#login_form input[name="pass"] { width: 112px; padding: 2px;}
#login_form input[type="submit"] {background-image: url(site/btn.png); height: 29px; border: none; background-color: transparent; padding: 0; margin:0; text-align: center; width: 83px; float: right; position: relative; top: -43px;}
#login_form div.col_1 {float: left; width: 310px; height: auto;}
#login_form div.col_2 {float: right; width: 310px; height: auto;}
#registre_form {display:none; padding-top: 20px; width:100%;}
#registre_form input, #registre_form select {background-color: #d0d6de; border: 1px solid black;}
#registre_form label, #registre_form input { display: block; float: left; font-size: 13px; height: 18px;}
#registre_form span.subtitle { display: block; float: left; clear: both; font-size: 14px; color: #f1ac07; width: 100%; margin: 10px 0; font-weight: bold;}
#registre_form input, #registre_form select { width: 170px; padding: 2px; }
#registre_form label { float: left; text-align: right; width: 120px; padding: 4px 10px 0px 0; }
#registre_form input, #registre_form select { width: 170px; padding: 2px; }
#registre_form input[type="radio"], #registre_form input[type="checkbox"] { width: 8px;}
#registre_form span.input_label {display: block; float: left; width: 30px; text-align: left; font-size: 13px; height: 18px; padding: 4px 0 0 5px;}
#registre_form .jsvalidation { font-size:12px; color:#FF0000; display: block; float: left; width: 100%; text-align: center;}
#registre_form div.col_1 {float: left; width: 310px; height: 380px;}
#registre_form div.col_2 {float: right; width: 310px; height: 380px;}
#registre_form div.col_2 span.subtitle { margin: 36px 0 10px 0;}
#registre_form input[type="submit"], #registre_form input[type="reset"] {background-image: url(site/btn.png); height: 29px; border: none; background-color: transparent; padding: 0; margin:0 10px 0 10px; text-align: center; width: 83px; float: right; }
#registre_form #facture span.input_label, #registre_form #delivery span.input_label {display: block; float: left; width: 140px; text-align: left; font-size: 13px; height: 42px; padding: 4px 0 0 5px; clear: right;}
#registre_form #facture label, #registre_form #delivery label { float: left; text-align: right; width: 120px; padding: 4px 10px 0px 0; clear: left; min-height: 34px;}
p.confirm { width: 100%; text-align: center; color: white; font-size: 14px;}
#registre_form #delivery span.subtitle { margin: 10px 0 10px 0;}
#registre_form #submit {height: 120px;}
#registre_form #submit label {width: 65px;}
#registre_form #submit span.input_label {display: block; color: #f1ac07; float: left; height: 56px; width: 200px; }
.title_form{font-size: 25px; display: block; clear: both; }
.hr_division {border: 1px solid #cccccc; width:94%; display:block;}
.jsvalidation { font-size:12px; color:#FF0000; display: block; float: left; width: 100%;}
#page_1_276_400_400 #login_form { display:block;}
#page_1_276_400_400 #registre_form { display:block;}
#page_1_276_400_400 .push {height: 144px;}
#page_1_276_400_400 #rotator_js_22 {height: 1px;}
#title_form_saved {width: 280px; display: block; font-size: 24px; padding-left: 15px; font-weight: bold;}
.cat_inst{ margin-right: 40px;}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(admin/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(admin/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; font-family: Arial, Helvetica, sans-serif;font-size: 10px; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:medium;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#colorpicker { position: absolute; width: 145px; height: 135px; overflow: hidden; background: #F9F9F9; border: 2px #C0C0C0 outset; z-index: 10000; }
#colorpicker-hue-container { position: absolute; top: 4px; left: 120px; width: 18px; height: 110px; }
#colorpicker-hue-bg-img { width: 100%; height: 100%; }
#colorpicker-hue-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#colorpicker-hue-thumb { position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 10009; cursor: default; }
#colorpicker-bar { text-align: right; padding-right: 10px; }
#colorpicker-close { cursor: pointer; color: blue; font-size: 10px; font-family: Tahoma, Helvetica, Sans-Serif; font-weight: bold; }
#colorpicker-div { position: absolute; top: 8px; left: 8px; width: 100px; height: 100px; border: 1px solid #666; }
#colorpicker-bg, #colorpicker-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; overflow: hidden; }
#colorpicker-selector { position: absolute; top: 0px; left: 0px; width: 11px; height: 11px; z-index: 10009; margin-top: -6px; margin-left: -6px; cursor: default; }
#colorpicker-selector img { position: absolute; left: 0; top: 0; }
#colorpicker-footer { position: absolute; top: 114px; left: 10px; width: 127px; }
#colorpicker-value { float: left; }
#colorpicker-value, #colorpicker-value-input { font-size: 9px !important; font-family: Helvetica, Verdana, Sans-Serif; height: 10px; }
#colorpicker-value-input { width: 40px; }
#colorpicker-okbutton { float: right; padding: 0 10px; background: #3366FF; font-size: 10px; font-family: Tahoma, Helvetica, Sans-Serif; border: 1px solid #666666; color: #ffffff; height: 16px; }