@import "main.css"; /* Index CSS */ * { list-style-type:none; margin: 0px; padding:0px; border:none;} input, select , textarea { border: #999999 1px solid; } div#top_bar { height:41px; overflow:hidden; color:#000000; text-align:left;} div#top_bar div#top_elements { float: left; width:181px; } div#top_bar div#top_elements div#top_search a.submit { background:url(../images/top_search_icon.jpg) no-repeat; width:21px; height:20px; display:block; float:left; margin-top:3px; margin-left: 3px; } div#top_bar div#top_elements div#top_search input { float: left; margin-top:6px; } div#top_bar div#top_phone { float: left; width:229px;} div#top_bar div#top_phone div.icon { width:42px; height:41px; background:url(../images/phone_icon.jpg) no-repeat; float:left; } div#top_bar div#top_shipping { float:left; width:177px; } div#top_bar div#top_shipping div.icon { width:49px; height:41px; background:url(../images/shipping_icon.jpg) no-repeat; float:left; } div#top_bar div#top_choice_help { background-image:url(../images/keuzehulplain.jpg); width:160px; float:left; height:40px; text-align: center; } div#top_bar div#top_choice_help h3 { font-size: 12px; color:#FFFFFF; padding-left: 15px; margin-bottom: 5px; } div#top_bar div#top_choice_help span { text-align:center; padding-left:25px; font-weight:bold; font-size:12px;} div#index_tip_container { height:339px; width:410px; margin-left: -5px; margin-top: -3px; margin-bottom:12px; padding-left: 30px; float:left; } div#index_tip_container div#index_tip_desc { border-left: #E3E3E3 10px solid; width: 160px; height:160px; padding: 0px 5px 0px 10px; float:left; clear:both; } div#index_tip_container div#index_tip_desc h4 { font-size: 14px; margin-top:0px; margin-bottom: 10px;} div#index_tip_container div#index_tip_desc li { margin:0px; } div#index_tip_container div#index_tip_nav { margin-top: 15px; clear: left; float:left; width:260px; float: left} div#index_tip_container div#index_tip_info { margin-top: 15px; float:left; width:150px; float:left; text-align: right;} * html div#index_tip_container div#index_tip_info { margin-top: 4px; } div#index_tip_container div#index_tip_image { float: left; background-image: url(../images/koffiewarenhuis/tip_bg.jpg); background-repeat:no-repeat; width:220px; height:255px;margin-top: -34px; } div#index_tip_container div#index_tip_image img { margin-left: 10px; margin-top: 12px; } /* Choice helper index Koffie */ div#choice_help_container { margin-top:10px; clear:both; margin-left:10px; margin-right:10px; } div#choice_help_container img.icon { float:left; margin-right: 15px;} div#choice_help_container p { margin-bottom:10px; } div#choice_help_container table.steps { margin-top: 10px; } div#choice_help_container table.steps td { padding:2px; background-color:#e2e2e2; text-align: center; font-weight:bold; color:#FFFFFF } div#choice_help_container table.steps td.active { background-color:#FF0000; } div#choice_help_container form { margin-top:10px; } div#choice_help_container form span.question { margin-bottom: 15px; display:block; } div#choice_help_container form input { color: #000000; border-color: #000000; } div#choice_help_container form input.radio { clear:both; margin-right:10px;} div#choice_help_container form div.buttons { float: right; margin-top: 20px;} div#choice_help_container form span.error { color:red; margin-bottom:10px; display:block; } div#index_choice_help { width:114px; background:url(../images/frontkeuzehulp.jpg); float:left; margin-left:10px; height:202px; margin-top:41px; padding-left:15px; padding-right:10px; } div#index_choice_help h1 { color:#FFFFFF; font-size:12px; margin-top: 6px; text-align:center; } div#index_choice_help div.text { padding:5px; margin-top:3px; } div#index_choice_help span.steps { font-size: 14px; font-weight:bold; text-align:center } div#index_choice_help span.txt { font-size: 13px; font-weight:bold; } div#index_choice_help div.button { color:#FFFFFF; margin-top:42px; font-weight:bold; margin-left:65px; width:46px; height:48px; } div#index_choice_help div.button a {width:46px; display:block; text-align:center; padding-top: 15px; padding-bottom: 15px; height:20px; text-decoration:none; color:#FFFFFF;} /* Einde index CSS */ /* Choice helper index Juice */ div#choice_help_container { margin-top:10px; clear:both; margin-left:10px; margin-right:10px; } div#choice_help_container img.icon { float:left; margin-right: 15px;} div#choice_help_container p { margin-bottom:10px; } div#choice_help_container table.stepsJ { margin-top: 10px; } div#choice_help_container table.stepsJ td { padding:2px; background-color:#e2e2e2; text-align: center; font-weight:bold; color:#FFFFFF } div#choice_help_container table.stepsJ td.active { background-color:#8DC641; } div#choice_help_container form { margin-top:10px; } div#choice_help_container form span.question { margin-bottom: 15px; display:block; } div#choice_help_container form input { color: #000000; border-color: #000000; } div#choice_help_container form input.radio { clear:both; margin-right:10px;} div#choice_help_container form div.buttons { float: right; margin-top: 20px;} div#choice_help_container form span.error { color:red; margin-bottom:10px; display:block; } div#index_choice_help { width:114px; background:url(../images/frontkeuzehulp.jpg); float:left; margin-left:10px; height:202px; margin-top:41px; padding-left:15px; padding-right:10px; } div#index_choice_help h1 { color:#FFFFFF; font-size:12px; margin-top: 6px; text-align:center; } div#index_choice_help div.text { padding:5px; margin-top:3px; } div#index_choice_help span.stepsJ { font-size: 14px; font-weight:bold; text-align:center } div#index_choice_help span.txt { font-size: 13px; font-weight:bold; } div#index_choice_help div.button { color:#FFFFFF; margin-top:42px; font-weight:bold; margin-left:65px; width:46px; height:48px; } div#index_choice_help div.button a {width:46px; display:block; text-align:center; padding-top: 15px; padding-bottom: 15px; height:20px; text-decoration:none; color:#FFFFFF;} /* Einde index CSS */ /* Choice helper index Toast */ div#choice_help_container { margin-top:10px; clear:both; margin-left:10px; margin-right:10px; } div#choice_help_container img.icon { float:left; margin-right: 15px;} div#choice_help_container p { margin-bottom:10px; } div#choice_help_container table.stepsT { margin-top: 10px; } div#choice_help_container table.stepsT td { padding:2px; background-color:#e2e2e2; text-align: center; font-weight:bold; color:#FFFFFF } div#choice_help_container table.stepsT td.active { background-color:#F05B01; } div#choice_help_container form { margin-top:10px; } div#choice_help_container form span.question { margin-bottom: 15px; display:block; } div#choice_help_container form input { color: #000000; border-color: #000000; } div#choice_help_container form input.radio { clear:both; margin-right:10px;} div#choice_help_container form div.buttons { float: right; margin-top: 20px;} div#choice_help_container form span.error { color:red; margin-bottom:10px; display:block; } div#index_choice_help { width:114px; background:url(../images/frontkeuzehulp.jpg); float:left; margin-left:10px; height:202px; margin-top:41px; padding-left:15px; padding-right:10px; } div#index_choice_help h1 { color:#FFFFFF; font-size:12px; margin-top: 6px; text-align:center; } div#index_choice_help div.text { padding:5px; margin-top:3px; } div#index_choice_help span.stepsT { font-size: 14px; font-weight:bold; text-align:center } div#index_choice_help span.txt { font-size: 13px; font-weight:bold; } div#index_choice_help div.button { color:#FFFFFF; margin-top:42px; font-weight:bold; margin-left:65px; width:46px; height:48px; } div#index_choice_help div.button a {width:46px; display:block; text-align:center; padding-top: 15px; padding-bottom: 15px; height:20px; text-decoration:none; color:#FFFFFF;} /* Einde index CSS */ div#month_coffee { float: left; background-color:#E3E3E3; min-height: 251px; width:150px; margin-top: 35px; margin-left: 15px; } * html div#mont_coffee { height: 251px; } /* Order Details */ form#order_details fieldset { border: 0px; padding:0px; margin-left: 10px; } form#order_details label { float: left; width: 200px; clear:left; font-weight:bold; margin-bottom: 4px;} form#order_details input { float: left; margin-bottom: 4px;} form#order_details select { float: left; margin-bottom: 4px; } form#order_details textarea { float: left; margin-bottom: 4px; } form#order_details div#dl_address { display: none; float:left; clear:left; } * html form#order_details div#dl_address { width: 500px; } /* Product pagina 373px */ pcl_nav div#product_content * { border: 0px; margin: 0px; padding: 0px; } div#product_content { margin-left: 5px;width: 573px; overflow:visible; } div#product_content div#product_content_left { width:340px; float:left; } div#product_content div#product_content_left h1 { font-size:14px; font-weight: bold; margin: 0px; padding: 0px; } div#product_content div#product_content_left div#pcl_nav { border: #DFDFDF 1px solid; background-color: #F1F1F1; margin-bottom: 5px;} div#product_content div#product_content_left div#pcl_nav ul { margin: 0px; padding: 5px; height: 45px; font-size: 11px; list-style-type:none;} div#product_content div#product_content_left div#pcl_nav li { float: left; width:140px; background-image:url(../images/pijltjestrans.gif); background-repeat:no-repeat; background-position:left center; padding-left: 22px; } div#product_content div#product_content_left div#pcl_combioffer { border: #DFDFDF 1px solid; background-color: #FFFFFF; margin-bottom: 5px; margin-top: 5px; } div#product_content div#product_content_left div#pcl_combioffer span.title { font-weight:bold; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; height: 15px; display:block; background-color: #F1F1F1; } div#product_content div#product_content_left div#pcl_combioffer div.content { padding: 5px; overflow:hidden;} div#product_content div#product_content_left div#pcl_combioffer div.content span.text { margin-bottom: 10px; display:block; } div#product_content div#product_content_left div#pcl_combioffer { float: left; width:340px; } div#product_content div#product_content_left div#pcl_combioffer div.item { width: 150px; margin-left: 8px; float:left; height: 240px; } div#product_content div#product_content_left div#pcl_combioffer div.item_inner {margin-left: 13px; } div#product_content div#product_content_left div#pcl_combioffer div.item_title { text-align: center; width:150px; vertical-align:bottom; height: 30px; } div#cart_combioffer p.text { padding: 5px; } div#cart_combioffer div.item_price { text-align: right; width:125px; } div#cart_combioffer div.item_nav { margin-top: 5px; } div#cart_combioffer { border: #DFDFDF 1px solid; background-color: #FFFFFF; margin-bottom: 5px; margin-top: 5px; } div#cart_combioffer span.title { font-weight:bold; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; height: 15px; display:block; background-color: #F1F1F1; } div#cart_combioffer div.content { padding: 5px; overflow:hidden;} div#cart_combioffer div.content span.text { margin-bottom: 10px; display:block; } div#cart_combioffer { float: left; width:560px; margin-left: 5px; } div#cart_combioffer div.item { width: 150px; margin-left: 8px; float:left; height: 240px; } div#cart_combioffer div.item_inner {margin-left: 13px; } div#cart_combioffer div.item_title { text-align: center; width:150px; vertical-align:bottom; height: 30px; } div#cart_combioffer p.text { padding: 5px; } div#cart_combioffer div.item_price { text-align: right; width:125px; } div#cart_combioffer div.item_nav { margin-top: 5px; } div#product_content div#product_content_left div#pcl_dl { font-size:11px; float: left; margin-top: 6px; margin-bottom: 15px; } div#product_content div#product_content_left div#pcl_product_text { padding: 0px; clear: left; position: relative; height: 544px; z-index: 1; overflow: auto; width:340px; margin-left: 0px; margin-bottom: 10px; margin-top: 15px; padding-right: 5px; scrollbar-arrow-color: #000000; scrollbar-highlight-color: none; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-Color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-face-color : #FFFFFF; } div#product_content div#product_content_right { margin-left: 10px; float:left; width:216px; } div#product_content div#product_content_right div#pcr_image { width: 200px; height:216px; background-repeat:no-repeat; } div#product_content div#product_content_right div#pcr_image div.glass { } div#product_content div#product_content_right div#pcr_image div.glass img { border:0px; float:left; margin-top: 182px; } div#product_content div#product_content_right div#pcr_image div.glass span.glass_text { display: block; float: left; margin-top:14px; margin-left: 4px; font-size: 10px; margin-top: 197px; } div#product_content div#product_content_right div.grey_rule {height: 3px; margin:0px; border-top: #DFDFDF 1px solid; background-color: #FFFFFF; padding:0px; width: 206px; } * html div#product_content div#product_content_right div#pcr_costs { margin-top: -12px; } div#product_content div#product_content_right div#pcr_order { margin: 0px; line-height:0px; } div#product_content div#product_content_right div#pcr_order img { border: 0px; margin-top: 5px; margin-bottom:8px; } div#product_content div#product_content_right div#pcr_dl_meter {} div#product_content div#product_content_right div#pcr_dl_meter img {} div#product_content div#product_content_right div#pcr_dl{ font-size:11px; margin-top: 5px; margin-bottom: 5px;} div#product_content div#product_content_right div#pcr_pictures { margin-top: 0px; margin-right: 2px; width:216px; overflow: hidden; height:103px;} div#product_content div#product_content_right div#pcr_pictures div.pic{ border: #DFDFDF 1px solid; background-color: #F1F1F1; width:47px; height:47px; padding:0px; margin:0px; float: left; margin-bottom: 5px; margin-right: 4px; cursor:pointer; } div#product_content div#product_content_right div#pcr_pictures div.pic_active{ border: #FF0000 1px solid; background-color: #F1F1F1; width:47px; height:47px; padding:0px; margin:0px; float: left; margin-bottom: 5px; margin-right: 4px; } div#product_content div#product_content_right div#pcr_pictures_scroll { visibility: visible; height: 23px; width: 113px; margin-left: 93px;} div#product_content div#product_content_right div#pcr_pictures_scroll img { margin-top: 3px; border:0px; } div#product_content div#product_content_right div#pcr_box { border: #DFDFDF 1px solid; background-color: #FFFFFF; width: 206px; height:205px; overflow:hidden; margin-bottom: 10px; } div#product_content div#product_content_right div#pcr_box div.content { padding: 5px; overflow:hidden; } div#product_content div#product_content_right div#pcr_box span.title { font-weight:bold; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; height: 15px; display:block; background-color: #F1F1F1; } div#product_content div#product_content_right div#pcr_cleaning { border: #DFDFDF 1px solid; background-color: #FFFFFF; width: 206px; } * html div#product_content div#product_content_right div#pcr_cleaning { } div#product_content div#product_content_right div#pcr_cleaning p.text { padding: 5px; } div#product_content div#product_content_right div#pcr_cleaning div.item { width: 150px; margin-left: 8px; float:left; } div#product_content div#product_content_right div#pcr_cleaning div.item_inner {margin-left: 13px; } div#product_content div#product_content_right div#pcr_cleaning div.item_title { text-align: center; width:150px; vertical-align:bottom; height: 30px; } div#product_content div#product_content_right div#pcr_cleaning div.item_price { text-align: right; width:125px; } div#product_content div#product_content_right div#pcr_cleaning div.item_nav { margin-top: 5px; } div#product_content div#product_content_right div#pcr_cleaning div.content { padding: 5px; overflow:hidden; } div#product_content div#product_content_right div#pcr_cleaning span.title { font-weight:bold; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; height: 15px; display:block; background-color: #F1F1F1; } div#product_content div#product_content_right div#pcr_pictures div.pic img{ margin:0px; padding:0px; width:47px; height: 47px;} div#product_content div#product_content_right div#pcr_box { clear: left; } div#content_left { width: 167px; margin-bottom: 70px; float: left; margin-bottom: 50px; } div.delimter_gray { height: 1px; width:auto; background-image:url(../images/h_border_gray.gif); background-repeat: repeat-x; margin: 0; float: left; clear: left; width: 167px; } div#product_content div#product_specifications { border: #DFDFDF 1px solid; background-color: #FFFFFF; width: 556px; overflow:hidden; } div#product_content div#product_specifications { clear: left; } div#product_content div#product_specifications div.content { padding: 5px; overflow:hidden; } div#product_content div#product_specifications span.title { font-weight:bold; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; height: 15px; display:block; background-color: #F1F1F1; } div#bonenmalers { padding: 10px; } div#bonenmalers img.picture { margin-left: 5px; } div#bonenmalers p.short_description { font-size: 11px; display:block; height: 90px; } div#bonenmalers span.nav { font-size: 11px; margin-top: 10px; display: block; } div#bonenmalers span.title { font-weight:bold; font-size: 11px; margin-bottom: 5px; display: block;} div#bonenmalers div.grey_rule { height: 3px; margin:0px; margin-top: 15px; border-top: #DFDFDF 1px solid; background-color: #FFFFFF; padding:0px; } div#bonenmalers div.item { margin-top: 10px; clear:left; } div#bonenmalers div.item span.title { font-size:12px; margin-bottom: 20px; float:left; clear:left; } div#bonenmalers div.item div.nav { clear: left; float:left; margin-top: 15px; text-align:right;} div#bonenmalers div.item p.short_description { font-size: 11px; clear: left; height: 90px;} div#bonenmalers div.item div.grey_rule { height: 3px; margin:0px; margin-top: 15px; margin-bottom: 10px; border-top: #DFDFDF 1px solid; background-color: #FFFFFF; padding:0px;width: 563px; float:left; clear: left;} div#bonenmalers div.item div.nav div.nav_link {float:left; font-size:11px;} div#bonenmalers div.item div.nav div.nav_info { font-size:11px; text-align:right; margin-right: 18px; float: right;} * html div#bonenmalers div.item div.nav div.nav_info { margin-right: 10px; } div#bonenmalers div.item div.nav div.nav_info img.order { margin-top: 5px; } ul#menu_1 { width:165px; } ul#menu_1 li { min-height:17px; font-weight: bold; float: left; clear: left; width:165px; } ul#menu_1 li.menu_home { text-align: right; } ul#menu_1 li.menu_home span { background-color: #ffffff; width: 160px; display: block; margin-bottom: 1px; margin-top: 1px; padding-right: 5px; margin-right:2px; float:left; cursor:pointer;} ul#menu_1 li.menu_home_active { text-align: right; } ul#menu_1 li.menu_home_active span { background-color: #e2e2e2; width: 160px; display: block; margin-bottom: 1px; margin-top: 1px; padding-right: 5px; margin-right:2px; float:left; cursor:pointer;} ul#menu_1 li a { text-decoration:none; } ul#menu_1 li.category { cursor: pointer; } ul#menu_1 li.category img { float: left; } ul#menu_1 li.category span { display: block; float: left; text-align: right; width:123px; height: 23px; padding-top: 12px; padding-right: 5px; margin:0; } ul#menu_1 li.category span.over { background-color: #e2e2e2; color:#FFFFFF; } ul#menu_1 li.category span.over a { background-color: #e2e2e2; color:#FFFFFF; text-decoration:none; } ul#menu_1 li.category span.out { color:#000000;} ul#menu_1 li.category span.out a{ color:#000000; text-decoration:none; display:none;} ul#menu_1 li.category div.delimter_gray { float: left; clear: left; width: 166px; } ul#menu_1 li a { text-decoration:none; display:none; visibility:hidden;} ul#menu_1 li.category_active { cursor: pointer; background-color: #e2e2e2;} ul#menu_1 li.category_active img { float: left; } ul#menu_1 li.category_active span { display: block; float: left; text-align: right; width:123px; height: 23px; padding-top: 12px; padding-right: 5px; margin:0; } ul#menu_1 li.category_active span.over { background-color: #e2e2e2; color:#FFFFFF; } ul#menu_1 li.category_active span.over a { background-color: #e2e2e2; color:#FFFFFF; text-decoration:none; display:none; visibility:hidden; } ul#menu_1 li.category_active span.out { color:#000000;} ul#menu_1 li.category_active span.out a{ color:#000000; text-decoration:none; display:none; visibility:hidden; } ul#menu_1 li.category_active div.delimter_gray { float: left; clear: left; width: 166px; } ul#menu_2 li a { text-decoration: none; } ul#menu_2 li { cursor: pointer; float: left; clear: left;} ul#menu_2 li.active { background-color: #e2e2e2; cursor: pointer; float: left; clear: left;} ul#menu_2 li.special { } ul#menu_2 li.special img { margin-right: 15px; margin-top: 2px; } ul#menu_2 li.special_active { background-color: #e2e2e2; } ul#menu_2 li.special_active img { margin-right: 15px; margin-top: 2px; } ul#menu_2 li span { display: block; float: left; text-align: right; width:161px; padding-right: 5px; margin:0; font-weight: bold; } ul#menu_2 li span.over { background-color: #e2e2e2; color:#FFFFFF; } ul#menu_2 li span.over a { background-color: #e2e2e2; color:#FFFFFF; text-decoration: none; } ul#menu_2 li span.out { } ul#menu_2 li span.out a { text-decoration: none;} ul#menu_2 li div.delimter_gray { float: left; clear: left; width: 166px; } div#support { text-align: center; padding-top: 4px;} div#support img { margin-top: 4px; } div#support span.number { font-size: 14px; font-weight: bold; padding-top: 4px; padding-bottom: 4px; display:block; } div#support span.times {} div#footer { width:764px; margin-left: auto; margin-right: auto; margin-top: -50px; height: 55px; background-color: #FFFFFF;} div#footer_left { width:175px; float:left;} div#footer_left img {margin-left: 60px; margin-top: 18px;} div#footer_right { float: left; width:585px;} div#footer_right { text-align: center; color: #999999; font-size: 11px; font-style: italic; } div#footer_right a { color: #000000; } div#footer_right a:hover { color: #999999; } div#footer_right img { float: right; margin-right: 10px; } /* IE 6 Hacks */ * html div.delimter_gray { margin-bottom: -13px; } * html ul#menu_1 li.category div.delimter_gray { margin-bottom: -13px; } * html ul#menu_1 li { height: 17px; } /* UPLOAD COMPONENT */ #UploadQueue { display: none; width: 33em; background: #ece9d8; border: 1px solid #aca899; padding: .5em; margin: .5em 0; } /** Top Elements **/ div#content_right #UploadQueue h2 { font-size: 1.4em; margin: 0; padding: 0; color: #000; border: 0; color:#000000; } #UploadQueue button { float: right; } /** Upload List **/ #UploadQueue ul#UploadList { display: block; clear: both; overflow: auto; height: 20em; margin: 0; padding: 0; background: #fff; border: 1px solid #7f9db9; } #UploadQueue ul#UploadList a { color: 2E31F2; } #UploadQueue ul#UploadList a:hover { color: #2B82E1; } #UploadQueue ul#UploadList li { list-style-type: none; border-bottom: 1px dotted #ccc; margin: 0; padding: .5em; background: #fff; } #UploadQueue ul#UploadList li a { float: right; } /** Upload Status **/ #UploadQueue ul#UploadList li.idle { } #UploadQueue ul#UploadList li.loading { background: #b1c2d3 url(../images/blue.png) repeat-x; } #UploadQueue ul#UploadList li.finished { } #UploadQueue ul#UploadList li.error { background: #eee; } /** Upload Info **/ #UploadQueue ul#UploadList li div.filename { font-weight: bold; } #UploadQueue ul#UploadList li div.filemeter { height: 10px; overflow: hidden; border: 1px solid #888; background: #fff; padding: 1px; } #UploadQueue ul#UploadList li div.filemeter div { height: 10px; background: #fff url(../images/progressbar.png); } #UploadQueue ul#UploadList li div.fileerror { color: red; } #UploadQueue ul#UploadList li div.fileprogress { font-weight: normal; } /** Status Bar **/ #UploadQueue #StatusBar { clear: both; background: #fff; border: 1px solid #7f9db9; padding: 0 .5em; } /* END UPLOAD COMPONENT */ /* MEDIAPOOL */ div#media_pool div.thumb_container_unactive { float: left; margin-top: 10px; margin-right: 20px; height: 105px; width:90px; background-repeat:repeat-x; cursor:pointer; border: 1px #EFEFEF solid; } div#media_pool div.thumb_container_active { float: left; margin-top: 10px; margin-right: 20px; height: 105px; width:90px; background-repeat:repeat-x; background-color: #d8e0e8; cursor:pointer; border: 1px #FF0000 solid; } div#media_pool div.thumb_pic { background-position:center center; height: 90px; width: 90px; background-repeat:no-repeat; } div#media_pool div.thumb_filename { background-color:#FFFFFF; width: 90px; height:15px; overflow:hidden; float: left; clear:left;} /* Einde product pagina */ /* Errorbox */ div.errors { margin-bottom: 10px; margin-left: 9px; width:300px; border: red 1px solid; padding: 10px; } div.errors h1 { font-size: 12px; } /* Einde errorbox */ #btnSubmit { margin: 0 0 0 155px ; } #uploadButon { border: 1px solid #ccc } .progressWrapper { width: 357px; overflow: hidden; } .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; } /* Message */ .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; } /* Error */ .red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Current */ .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Complete */ .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .progressBarError { width: 100%; background-color: red; visibility: hidden; } .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; } a.progressCancel:hover { background-position: 0px 0px; } /* -- SWFUpload Object Styles ------------------------------- */ .swfupload { vertical-align: top; }