/*-----------------------------------------------------------------------------
Website: http://www.uniprint.be
Auteur: Webatvantage.be
Laatst gewijzigd: 04/08/2011
-----------------------------------------------------------------------------*/

/* Html, body
-----------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; }
html, body { background: #fff url(../Graphics/Body_bg.png) repeat-x top left; }
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6e6e6d; line-height: 17px; text-align: center; }

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

/* Container
----------------------------------------------------------------------------------*/
#container { width: 960px; margin: 0 auto; text-align: left; }

/* Header
----------------------------------------------------------------------------------*/
#header { position: relative; width: 954px; height: 385px; margin: 0 0 2px 0; }

/* Logo */
#header #logo { position: absolute; top: 0; left: 0; width: 221px; height: 118px; background: url('../Graphics/Logo.png') no-repeat top left; text-indent: -9999px; }

/* Banner */
#header #banner { position: absolute; bottom: 0px; left: 0; width: 945px; height: 243px; padding: 7px 0 0 9px; background: url('../Graphics/Banner_bg.png') no-repeat top left; }
#header #banner .cycle { width: 937px; height: 236px; overflow: hidden; }

#header #banner_controls { position: absolute; top: 208px; right: -20px; width: 15px; height: auto; z-index: 1; }
#header #banner_controls a { display: block; width: 15px; height: 16px; margin: 0 0 5px 0; background: url('../Graphics/Banner_controls.png') no-repeat top left; text-indent: -9999px; }
#header #banner_controls a.activeSlide { background-position: bottom left; }

/* Navigation */
#header ul#navigation { position: absolute; top: 96px; left: 260px; height: 18px; }
#header ul#navigation li { float: left;position: relative; }
#header ul#navigation li a:link,
#header ul#navigation li a:visited,
#header ul#navigation li a:active {  float: left; display: block; width: auto; height: 18px; line-height: 18px; padding: 0 7px; background: url('../Graphics/Navigation_divider.png') no-repeat center right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #6e6e6d; text-decoration: none; text-shadow: 1px 1px 1px #fff; }
#header ul#navigation li a:hover { color: #181716; }
#header ul#navigation li a.active { color: #181716; font-weight: bold; }
#header ul#navigation li a.last { background: none; }

/* Login */
#header #login { position: absolute; top: 0; right: 0; width: 221px; height: 106px; padding: 25px 0 0 0; background: url('../Graphics/Login_bg.png') no-repeat; }
#header #login h4 { height: 14px; overflow: hidden; }
#header #login h4 a:link,
#header #login h4 a:visited,
#header #login h4 a:active { float: left; display: block; margin: 0 0 0 14px; background: url('../Graphics/Login_title_bg.png') no-repeat top left; text-indent: 33px; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; height: 14px; line-height: 14px; color: #6e6e6d; text-decoration: none; }
#header #login h4 a:hover { background-position: bottom left; color: #2eaadc; text-decoration: underline; }

#header #login form { position: absolute; top: 62px; left: 12px; width: 197px; height: 58px; }
#header #login form .email { width: 142px; height: 12px; margin: 0 0 4px 0; padding: 8px 10px 7px 45px; background: url('../Graphics/Login_form_email.png') no-repeat; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #b0b1b2; }
#header #login form .password { float: left; width: 94px; height: 13px; padding: 7px 10px 7px 62px; background: url('../Graphics/Login_form_password.png') no-repeat; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #b0b1b2; }
#header #login form input.error { background-position: bottom left !important; }

#header #login form .submit { float: right; display: block; width: 27px; height: 27px; margin: 0; padding: 0; background: url('../Graphics/Login_form_submit.png') no-repeat top left; border: none; text-indent: -9999px; cursor: pointer; line-height: 300px; text-indent: -9999px; }
#header #login form input:focus { color: #666; }

#header #login .logged_in { position: absolute; top: 52px; left: 20px; width: 197px; height: 58px; }
#header #login .logged_in a#btn_afmelden { float: left; display: block; width: 171px; height: 27px; line-height: 27px; margin: 15px 0 0 0; padding: 0 0 0 10px; background: url('../Graphics/Login_afmelden.png') no-repeat top left; border: none; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: left; text-decoration: none; cursor: pointer; }

/* Language */
#header #login #language { position: absolute; top: 25px; right: 15px; }
#header #login #language a:link,
#header #login #language a:visited,
#header #login #language a:active { float: left; display: block; padding: 0 5px; background: url('../Graphics/Language_divider.png') no-repeat center right; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; height: 14px; line-height: 14px; color: #ccc; text-decoration: none; }
#header #login #language a:hover { color: #6e6e6d; text-decoration: underline; }
#header #login #language a.active { color: #6e6e6d; }
#header #login #language a.last { background: none; }

/* Main
----------------------------------------------------------------------------------*/
#main { padding: 0 0 145px 0;  }

#main h1 { padding: 0 0 15px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0087cd; }
#main h2 {}
#main h3 {}
#main h4 {}
#main h5 {}
#main h6 {}

#main p { padding: 0 0 14px 0; }

#main p img { float: right; padding: 1px; border: 1px solid #ddd; margin: 0 0 10px 15px; }

#main ul { margin: 5px 0 15px 15px; list-style-type: square; }
#main ul li { margin: 0 0 5px 0; }
 	
#main ol { margin: 5px 0 15px 25px; list-style-type: decimal; }
#main ol li { padding: 0 0 5px 0; }

#main a:link, #main a:visited, #main a:active { color: #6e6e6d; text-decoration: underline; }
#main a:hover { color: #2eaadc; text-decoration: underline; }

/* Sidebar
----------------------------------------------------------------------------------*/
#main .sidebar { float: left; width: 218px; }

/* Product nav */
#main .sidebar #product_nav { width: 218px; height: auto; margin: 0; }
#main .sidebar #product_nav h3 a:link,
#main .sidebar #product_nav h3 a:visited,
#main .sidebar #product_nav h3 a:active,
#main .sidebar #product_nav h3 a:hover { display: block; width: 188px; height: 42px; line-height: 45px; padding: 0 15px; background: url('../Graphics/Product_nav_top.png') no-repeat top left; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
#main .sidebar #product_nav ul { width: 185px; height: auto; margin: 0; padding: 10px 15px; list-style: none; background: url('../Graphics/Product_nav_content.png') repeat-y top left; }
#main .sidebar #product_nav ul li { margin: 0; padding: 0; list-style: none }
#main .sidebar  #product_nav ul li a:link,
#main .sidebar #product_nav ul li a:visited,
#main .sidebar #product_nav ul li a:active { display: block; width: 170px; height: 20px; line-height: 20px; padding: 0 0 0 15px; background: url('../Graphics/Product_nav_item.png') repeat-y top left; font-size: 11px; color: #6d6e71; text-decoration: none; }
#main .sidebar #product_nav ul li a:hover,
#main .sidebar #product_nav ul li a.active { color: #2eaadc; text-decoration: underline; }
#main .sidebar #product_nav ul li a.last { background: url('../Graphics/Product_nav_item_last.png') no-repeat top left; }
#main .sidebar #product_nav .bottom { display: block; width: 218px; height: 20px; background: url('../Graphics/Product_nav_bottom.png') no-repeat top left; }

#main .sidebar .banner { margin: 0 0 5px 0; }

#main .sidebar #live_support { display: block; width: 221px; height: 56px; background: url('../Graphics/Live_support.png') no-repeat top left; text-indent: -9999px; }

#main .sidebar .ad { width: 218px; height: 554px; margin-top: -8px; }
#main .sidebar .ad .banner_2 { margin-top: -2px; margin-bottom: 0; }

/* Content
----------------------------------------------------------------------------------*/
#main .content { float: left; width: 737px; overflow: hidden; }

/* Top banner */
#main .content #top_banner { position: relative; width: 713px; height: 123px; padding: 17px 0 0 24px; background: url('../Graphics/Top_banner_bg.png'); }

#main .content #top_banner #top_banner_wrap,
#main .content #top_banner #top_banner_wrap .slide { width: 685px; height: 105px; overflow: hidden; }

#main .content #top_banner .photo { float: left; width: 105px; height: 105px; margin: 0 20px 0 0; }

#main .content #top_banner .buttons a:link,
#main .content #top_banner .buttons a:visited,
#main .content #top_banner .buttons a:active { padding: 0 10px 0 0; border-right: 1px solid #ccc; color: #2eaadc; text-decoration: underline; }
#main .content #top_banner .buttons a:hover {  }
#main .content #top_banner .buttons a.last { padding: 0 0 0 10px; border-right: 0;  }

#main .content #top_banner h3 { display: block; margin: 0; padding: 7px 0 12px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; }
#main .content #top_banner h3 a:link,
#main .content #top_banner h3 a:visited,
#main .content #top_banner h3 a:active { color: #7db61a; text-decoration: none; }
#main .content #top_banner h3 a:hover { text-decoration: underline; }

#main .content #top_banner #top_banner_controls { position: absolute; bottom: 15px; right: 15px; width: auto; height: 13px; overflow: hidden; z-index: 10; }
#main .content #top_banner #top_banner_controls a { float: left; display: block; width: 13px; height: 13px; margin: 0 4px 0 0; background: url('../Graphics/Top_banner_controls.png') no-repeat top left; text-indent: -9999px; }
#main .content #top_banner #top_banner_controls a.activeSlide { background-position: bottom left; }

#main .content #promo_banners { width: 737px; height: 191px; overflow: hidden; margin: 0 0 10px 0 }
#main .content #promo_banners .banner { float: left; width: 368px; height: 191px; margin: 0 1px 0 0; overflow: hidden; }
#main .content #promo_banners .last { margin:0; }

#main .content #text_columns { width: 725px; height: auto; margin: 0 auto; padding-top: 10px; border-top: 1px dotted #ddd; }
#main .content #text_columns .column { float: left; width: 327px; height: auto; margin: 0 10px 0 0; padding: 0 15px; }
#main .content #text_columns .column h1 { padding: 0 0 10px 0; }
#main .content #text_columns .last { margin: 0; }

/* Upload
----------------------------------------------------------------------------------*/
#main #upload_content { float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }
#main #upload_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #upload_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#main #upload_content .middle { width: 703px; height: auto; padding: 25px 12px 25px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y top left; }
#main #upload_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat top left; }

#main #upload_content .intro_text { margin: 0 0 5px 0; padding: 40px 0 0 0; text-align: center; font-size: 12px; line-height: 22px; color: #e53027;  }
#main #upload_content .intro_text a:link,
#main #upload_content .intro_text a:visited,
#main #upload_content .intro_text a:active { color: #2eaadc; text-decoration: underline;  }
#main #upload_content .intro_text a:hover { color: #2eaadc; text-decoration: underline;}

#main #upload_content .warning { margin: 0 0 20px 0; text-align: center; font-size: 12px; line-height: 22px; color: #c00; }

#main #upload_content #progress_bar { width: 100%; height: 25px; line-height: 25px; margin: 0; color: #fff; font-size: 11px; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
#main #upload #progress_bar .fill { width: 43%; height: 25px; background: #7db61b; text-align: right; }

#main #upload .upload_box { float: right; width: 727px; height: auto; margin: 0 10px 7px 0; }
#main #upload .upload_box .top { width: 727px; height: 10px; background: url('../Graphics/Grey_box_top.png') no-repeat top left;}
#main #upload .upload_box .middle { width: 703px; height: auto; min-height: 310px; padding: 0 12px 10px 12px; background: url('../Graphics/Grey_box_middle.png') repeat-y top left; text-shadow: 1px 1px 1px #fff; }
#main #upload .upload_box .bottom { width: 727px; height: 10px; background: url('../Graphics/Grey_box_bottom.png') no-repeat top left;}

#main #upload .upload_box h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71; }

#main #upload form { overflow: hidden; }
#main #upload form .item { padding: 10px 0 10px 40px; overflow: hidden; }
#main #upload form .item label { float: left; height: 24px; line-height: 24px; padding: 0 0 0 5px; width: 100px; } 
#main #upload form input[type="submit"] { display: block; width: 672px; height: 27px; margin: 0 0 0 15px; padding: 0 0 2px 10px; background: url('../Graphics/Upload.png') no-repeat top left; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-align: center; overflow: visible; cursor: pointer; text-shadow: 1px 1px 1px #6e9f19; }

/* Profiel
----------------------------------------------------------------------------------*/
#main #profiel { padding: 0 0 30px 0; }
#main #profiel_content { float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }
#main #profiel_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #profiel_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#main #profiel_content .middle { width: 703px; height: auto; padding: 25px 12px 25px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y top left; }
#main #profiel_content .middle h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71;  }

#main #profiel_content .middle .box { margin: 0 0 30px 0; }
#main #profiel_content .middle .box a.button { display: block; width: 139px; height: 27px; line-height: 27px; margin: 15px 0 0 0; padding: 0 0 0 10px; color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; background: url('../Graphics/Button_green_small.png') no-repeat; }

#main #profiel_content .middle p { padding-left: 35px; padding-right: 15px; } 
#main #profiel_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat top left; }

/* Shop
----------------------------------------------------------------------------------*/
#main #shop { padding: 0 0 30px 0; }
#main #shop_content { float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; overflow: hidden; }
#main #shop_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #shop_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#main #shop_content .middle { width: 703px; height: auto; padding: 25px 12px 25px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y top left; overflow: hidden; }
#main #shop_content .middle h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71;  }

#main #shop_content #pay_choise { padding: 0 20px; overflow: hidden; }
#main #shop_content #pay_choise .column { float: left; padding: 10px 0 0 0; width: 330px; }
#main #shop_content #pay_choise .column table {}
#main #shop_content #pay_choise .column td { padding: 5px; }
#main #shop_content #pay_choise .column td span { color: #999; }

#main #shop_content #pay_choise .item_submit { clear: both; padding: 30px 0 0 0; } 
#main #shop_content #pay_choise input.submit { float: right; display: block; width: 260px; height: 27px; background: url('../Graphics/Form_submit.png') no-repeat top left; border: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-align: left; padding: 0 0 0 10px; cursor: pointer; text-shadow: 1px 1px 1px #6e9f19; }

#main #shop .more_info_box { float: none; width: 705px; margin: 0 10px 6px 223px; padding: 10px; background: #c00; text-align: center; color: #fff; border: 1px solid #b01a1f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }

#main #shop_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat top left; }

/* Shop_steps */
#main #shop_steps { width: 335px; height: 20px; margin: 0 auto; overflow: hidden; }
#main #shop_steps ul { float: left; height: 20px; margin: 0; padding: 0; list-style: none; }
#main #shop_steps ul li { display: inline; }
#main #shop_steps ul li a { float: left; display: block; width: 20px; height: 20px; line-height: 20px; margin: 0 4px 0 0; background: url('../Graphics/Shop_steps_bg.png') no-repeat top left; color: #fff; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; }
#main #shop_steps ul li a.active { background-position: bottom left; }
#main #shop_steps ul li a.completed { background-position: 0 -20px; }
#main #shop_steps p { float: left; height: 20px; line-height: 20px; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; color: #babcbd; }

/* Product photo */
#main #shop_product_photo { width: 400px; height: 160px; margin: 20px auto 10px auto; overflow: hidden; }

/* Choose amount & size */
#main #shop_choose_amount_size { width: 703px; height: auto; margin: 0 0 30px 0; overflow: hidden; }
#main #shop_choose_amount_size .column { float: left; width: 342px; margin: 0 19px 0 0; }
#main #shop_choose_amount_size .last { margin-right: 0; }
#main #shop_choose_amount_size .column h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71; }
#main #shop_choose_amount_size .column .select { width: 342px; height: 20px; padding: 2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6e6e6d; }

/* Product table */
#main #shop_product_table { margin: 0; min-height: 110px;}
#main #shop_product_table h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71; }

#main #shop_product_table table { background: #f5f5f5; text-shadow: 1px 1px 1px #fff; }
#main #shop_product_table table tr { cursor: pointer; }
#main #shop_product_table table tr.dark td { background: #ececec;}
#main #shop_product_table table tr.darker td { background: #d7d8d9; color: #181716; text-shadow: none; }
#main #shop_product_table table tr:hover td { background: #d7d8d9; color: #181716; }

#main #shop_product_table table td { padding: 5px; }
#main #shop_product_table table td.first { padding: 5px 0 5px 10px; }
#main #shop_product_table table td.last { padding: 5px 10px 5px 5px; }
#main #shop_product_table table td.amount { padding: 5px 30px 5px 5px; text-align: right; }
#main #shop_product_table table td.price { text-align: right; }

#main #shop_product_table table td a.info { display: block; width: 14px; height: 14px; background: url('../Graphics/Info_icon.png') no-repeat; text-indent: -9999px; text-decoration: none !important; }
#main #shop_product_table table td a:hover.info { background-position: bottom left; }
#main #shop_product_table table tr:hover td a.info { background-position: 0 -14px; }

#main #shop_product_table table td a.favorite { display: block; width: 18px; height: 14px; background: url('../Graphics/Favorite_icon.png') no-repeat top center; text-indent: -9999px; text-decoration: none !important; }
#main #shop_product_table table td a:hover.favorite { display: block; width: 18px; height: 14px; background: url('../Graphics/Favorite_icon.png') no-repeat bottom center; text-indent: -9999px; }
#main #shop_product_table table tr:hover td a.favorite { background-position: bottom center; }

#main #shop_product_table table td .eco { display: block; width: 18px; height: 17px; background: url('../Graphics/Eco_icon.png') no-repeat top center; text-indent: -9999px; text-decoration: none !important; }
#main #shop_product_table table td .eco:hover { display: block; width: 18px; height: 17px; background: url('../Graphics/Eco_icon.png') no-repeat bottom center; text-indent: -9999px; }
#main #shop_product_table table tr:hover td .eco { background-position: bottom center; }

#main #shop_product_table table td a.download { display: block; width: 15px; height: 14px; background: url('../Graphics/Download_icon.png') no-repeat bottom left; text-indent: -9999px; text-decoration: none !important; }

#main #shop_product_table table td a.ik_wens_dit_product_NL { float: right; display: block; width: 100px; height: 14px; margin: 0 5px 0 0; background: url('../Graphics/Ik_wens_dit_product_NL.png') no-repeat top left; text-indent: -9999px; }
#main #shop_product_table table td a:hover.ik_wens_dit_product_NL,
#main #shop_product_table table tr:hover td a.ik_wens_dit_product_NL,
#main #shop_product_table table tr.darker td a.ik_wens_dit_product_NL { background-position: bottom left; }

/* Product options */
#main #shop_product_options { overflow: hidden }
#main #shop_product_options h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71;  }

#main form #shop_product_options  { overflow: hidden; }
#main form #shop_product_options  .item { height: 20px; line-height: 20px; margin: 0 0 4px 0; padding: 12px; background: #f5f5f5; border: 1px solid #e1e3e3; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#main form #shop_product_options  .changed,
#main form #shop_product_options  .item:hover { height: 20px; margin: 0 0 4px 0; padding: 12px; background: #dfebf7; border: 1px solid #dce0e3; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#main form #shop_product_options  label { float: left; width: 179px; height: 20px; line-height: 20px; padding: 0 0 0 34px;  }
#main form #shop_product_options .select { float: left; width: 294px; height: 24px; padding: 2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #707173; }
#main form #shop_product_options .input { float: left; width: 288px; height: 18px; padding: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #707173; vertical-align: top; }
#main form #shop_product_options .help { float: right; display: block; width: 14px; height: 14px; margin: 3px 3px 3px 10px; background: url('../Graphics/Help_icon.png') no-repeat bottom left; text-indent: -9999px; text-decoration: none; }
#main form #shop_product_options .price { float: left; width: 70px; height: 20px; line-height: 20px; padding: 0; text-align: right;  }
#main form #shop_product_options .total_price { height: 20px; line-height: 20px; margin: 5px 0 4px 0; padding: 12px; background: #007fc4; border: 1px solid #007fc4; color: #fff; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#main form #shop_product_options .total_price .total_price_left { float: left; padding: 0 0 0 35px; font-size: 11px; font-weight: bold; text-align: left; }
#main form #shop_product_options .total_price .total_price_right { float: right; font-size: 18px; font-weight: bold; text-align: right; }

#main form .winkelmandje_bestellen { float: right; display: block; width: 318px; height: 27px; margin: 5px 0 0 0; padding: 0 0 2px 10px; background: url('../Graphics/Winkelmandje_bestellen.png') no-repeat top left; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-align: left; overflow: visible; cursor: pointer; text-shadow: 1px 1px 1px #6e9f19; }

#main form .benoem_drukwerk { height: 20px; line-height: 20px; margin: 0 0 4px 0; padding: 12px; background: #f5f5f5; border: 1px solid #e1e3e3; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#main form .changed,
#main form .benoem_drukwerk:hover { height: 20px; margin: 0 0 4px 0; padding: 12px; background: #dfebf7; border: 1px solid #dce0e3; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#main form .benoem_drukwerk label { float: left; width: 179px; height: 20px; line-height: 20px; padding: 0 0 0 34px;  }
#main form .benoem_drukwerk .select { float: left; width: 294px; height: 24px; padding: 2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #707173; }
#main form .benoem_drukwerk .input { float: left; width: 283px; height: 15px; margin-top: -2px; padding: 4px; background: #fff; border: 1px solid #b2b3b4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #6d6e71; }
#main form .benoem_drukwerk .help { float: right; display: block; width: 14px; height: 14px; margin: 3px 3px 3px 10px; background: url('../Graphics/Help_icon.png') no-repeat bottom left; text-indent: -9999px; text-decoration: none; }

/* Grey box */
#main #shop_grey_box { float: right; width: 727px; height: auto; margin: 0 10px 7px 0; }
#main #shop_grey_box .top { width: 727px; height: 10px; background: url('../Graphics/Grey_box_top.png') no-repeat top left;}
#main #shop_grey_box .middle { width: 703px; height: auto; padding: 25px 12px 15px 12px; background: url('../Graphics/Grey_box_middle.png') repeat-y top left; text-shadow: 1px 1px 1px #fff; }
#main #shop_grey_box .bottom { width: 727px; height: 10px; background: url('../Graphics/Grey_box_bottom.png') no-repeat top left;}

#main #shop_grey_box form { margin: 0;padding: 0; }
#main #shop_grey_box form .item { height: 25px; padding: 0 0 10px 0; overflow: hidden; }
#main #shop_grey_box form label { float: left; width: 179px; height: 25px; line-height: 25px; padding: 0 0 0 34px;  }
#main #shop_grey_box form .input { float: left; width: 282px; height: 15px; padding: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6e6e6d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; }
#main #shop_grey_box form .input:focus { border: 1px solid #999; } 

#main #shop_grey_box form a.help { float: left; display: block; width: 14px; height: 14px; margin: 6px 3px 3px 10px; background: url('../Graphics/Help_icon.png') no-repeat top left; text-indent: -9999px; text-decoration: none; }
#main #shop_grey_box form a:hover.help { background-position: bottom left; }

/* Cart overview */
#main #shop_cart_overview { float: right; width: 727px; height: auto; margin: 0 10px 7px 0; }
#main #shop_cart_overview .top { width: 701px; height: 37px; padding: 0 13px; line-height: 37px; background: url('../Graphics/Shop_cart_overview_top.png') no-repeat top left; }
#main #shop_cart_overview .top h2 {  padding: 0 0 0 20px; background: url('../Graphics/Arrow_green2.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #fff; }
#main #shop_cart_overview .middle { width: 703px; height: auto; padding: 15px 12px 60px 12px; background: url('../Graphics/Shop_cart_overview_middle.png') repeat-y top left; }
#main #shop_cart_overview .bottom { width: 703px; height: 76px; padding: 7px 12px 0 12px; background: #e5e5e6 url('../Graphics/Shop_cart_overview_bottom.png') no-repeat bottom left; text-shadow: 1px 1px 1px #fff; }

#main #shop_cart_overview table {}
#main #shop_cart_overview table tr {}
#main #shop_cart_overview table td { padding: 3px; }

#main #shop_cart_overview table td.name { width: 490px; text-align: left; }
#main #shop_cart_overview table td.amount { width: 100px; text-align: right; }
#main #shop_cart_overview table td.price { width: 180px; text-align: right; }
#main #shop_cart_overview table td.total_price { width: 180px; text-align: right; font-size: 14px; font-weight: bold; }
#main #shop_cart_overview table td.delete { width: 25px; }
#main #shop_cart_overview table td.delete a { display: block; width: 15px; height: 14px; background: url('../Graphics/Delete_icon.png') no-repeat top left; text-indent: -9999px; }

/* Cart overview */
#main #main_winkelwagen { float: right; width: 727px; height: auto; margin: 0 10px 7px 0; }
#main #main_winkelwagen .top { width: 701px; height: 37px; padding: 0 13px; line-height: 37px; background: url('../Graphics/Shop_cart_overview_top.png') no-repeat top left; }
#main #main_winkelwagen .top h2 {  padding: 0 0 0 20px; background: url('../Graphics/Arrow_green2.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #fff; }
#main #main_winkelwagen .middle { width: 703px; height: auto; padding: 15px 12px 60px 12px; background: url('../Graphics/Shop_cart_overview_middle.png') repeat-y top left; }
#main #main_winkelwagen .bottom { width: 703px; height: 76px; padding: 7px 12px 0 12px; background: #e5e5e6 url('../Graphics/Shop_cart_overview_bottom.png') no-repeat bottom left; text-shadow: 1px 1px 1px #fff; }

#main #main_winkelwagen table {}
#main #main_winkelwagen table tr {}
#main #main_winkelwagen table td { padding: 3px; }

#main #main_winkelwagen table td.name { width: 490px; text-align: left; }
#main #main_winkelwagen table td.amount { width: 100px; text-align: right; }
#main #main_winkelwagen table td.price { width: 180px; text-align: right; }
#main #main_winkelwagen table td.total_price { width: 180px; text-align: right; font-size: 14px; font-weight: bold; }
#main #main_winkelwagen table td.delete { width: 25px; }
#main #main_winkelwagen table td.delete a { display: block; width: 15px; height: 14px; background: url('../Graphics/Delete_icon.png') no-repeat top left; text-indent: -9999px; }

/* Buttons */
#main #shop_buttons { float: right; width: 727px; height: auto; margin: 0 10px 7px 0; padding: 0 0 30px 0; }
#main #shop_buttons a.btn_green_large { float: right; width: 310px; height: 27px; line-height: 27px; padding: 0 10px; background: url('../Graphics/Button_green_large.png') no-repeat; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #6e9f19; }
#main #shop_buttons a.btn_dark { float: left; width: 142px; height: 27px; line-height: 27px; padding: 0 10px; background: url('../Graphics/Button_dark_bg.png') no-repeat; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #5e5f61; }
#main #shop_buttons a.btn_light { float: left; width: 122px; height: 27px; line-height: 27px; margin: 0 10px 0 0; padding: 0 10px 0 30px; background: url('../Graphics/Button_light_bg.png') no-repeat; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #8e9090; }
#main #shop_buttons #verkoopsvoorwaarden { width: 697px; height: 70px; line-height: 18px; margin: 0 0 10px 0; padding: 15px; background: url('../Graphics/Verkoopsvoorwaarden_bg.png') no-repeat top left; }

#main #shop_buttons #Continue_shopping { float: left; width: 142px; height: 27px; line-height: 27px; padding: 0 10px; background: url('../Graphics/Button_dark_bg.png') no-repeat; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #5e5f61; }
#main #shop_buttons input.winkelwagen_next { float: right; width: 330px; height: 27px; padding: 0 10px; background: url('../Graphics/Button_green_large.png') no-repeat; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #6e9f19; cursor: pointer; text-align: left; }


#main #shop input.submit_betaal { float: right; width: 330px; height: 27px; margin: 20px 0 0 0; padding: 0 10px; background: url('../Graphics/Button_green_large.png') no-repeat; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #6e9f19; cursor: pointer; text-align: left; }

/* Accepted ogone
----------------------------------------------------------------------------------*/
#main #accepted_ogone { margin: 0 0 30px 0; }
#main #accepted_ogone_content { float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }
#main #accepted_ogone_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #accepted_ogone_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#main #accepted_ogone_content .middle { width: 703px; min-height: 450px; padding: 25px 12px 25px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y top left; }
#main #accepted_ogone_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat top left; }
#main #accepted_ogone_content .message { width: 500px; height: auto; margin: 0 auto; padding: 80px 0 40px 0; text-align: center; font-size: 12px; line-height: 18px; }
#main #accepted_ogone_content .message p { padding: 25px 0 0 0; }

/* Home
----------------------------------------------------------------------------------*/
#main #home { margin: 0 0 30px 0; }
#main #shop #upload_error { float: left; width: 705px; margin: 10px 10px 0 0; padding: 10px; background: #c00; text-align: center; color: #fff; border: 1px solid #b01a1f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#main #shop #upload_error a:link,
#main #shop #upload_error a:visited,
#main #shop #upload_error a:active,
#main #shop #upload_error a:hover { color: #fff; text-decoration: underline; }

/* About
----------------------------------------------------------------------------------*/
#main #about { margin: 0 0 30px 0; }
#main #about_content { float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }
#main #about_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #about_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#main #about_content .middle { position: relative; width: 703px; height: auto; padding: 25px 12px 25px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y top left; }
#main #about_content .middle .text_block_top { height: 130px;  padding: 0 0 30px 0; }
#main #about_content .middle p { position: relative; padding-left: 35px; padding-right: 15px; z-index: 2; }
#main #about_content .middle p span { color: #0087cd; }

#main #about_content .middle ul { margin: 5px 0 15px 60px; list-style-type: square; }
#main #about_content .middle ul li { margin: 0 0 5px 0; }
 	
#main #about_content .middle ol { margin: 5px 0 15px 25px; list-style-type: decimal; }
#main #about_content .middle ol li { padding: 0 0 5px 0; }

#main #about_content .middle .pic_box { position: absolute; top: 67px; right: 10px; width: 352px; height: 269px; z-index: 1; overflow: hidden; }
#main #about_content .middle h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71;  }

#main #about_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat top left; }

/* Hoe aanleveren
----------------------------------------------------------------------------------*/
#main #hoe_aanleveren { margin: 0 0 30px 0; }
#main #hoe_aanleveren_content { float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }
#main #hoe_aanleveren_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #hoe_aanleveren_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#main #hoe_aanleveren_content .middle { position: relative; width: 703px; height: auto; min-height: 450px; padding: 25px 12px 25px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y top left; }
#main #hoe_aanleveren_content .middle p { position: relative; padding-left: 35px; padding-right: 15px; z-index: 2; }
#main #hoe_aanleveren_content .middle p span { color: #0087cd; }
#main #hoe_aanleveren_content .middle h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71;  }

#main #hoe_aanleveren_content .middle .hoe_aanleveren_kleuren_pic { position: absolute; bottom: -9px; right: 1px; width: 237px; height: 267px; z-index: 1; overflow: hidden; }
#main #hoe_aanleveren_content .middle .hoe_aanleveren_grafisch_ontwerp_pic { position: absolute; bottom: -9px; right: 60px; width: 255px; height: 195px; z-index: 1; overflow: hidden; }
#main #hoe_aanleveren_content .middle .hoe_aanleveren_resolutie_pic { position: absolute; bottom: 0px; right: 180px; width: 370px; height: 140px; z-index: 1; overflow: hidden; }
#main #hoe_aanleveren_content .middle .hoe_aanleveren_bestandstype_pic { position: absolute; bottom: 0px; right: 180px; width: 370px; height: 140px; z-index: 1; overflow: hidden; }

#main #hoe_aanleveren_content .middle .text_block_top { height: 130px;  padding: 0 0 30px 0; }
#main #hoe_aanleveren_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat top left; }

/* Downloads table */
#main table.downloads { margin: 20px 0 0 0; background: #f5f5f5; text-shadow: 1px 1px 1px #fff; }
#main table.downloads th { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: #fff url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71; }
#main table.downloads th span { font-size: 11px; font-weight: normal; }
#main table.downloads tr { cursor: pointer; }
#main table.downloads tr.dark td { background: #ececec;}
#main table.downloads tr.darker td { background: #d7d8d9; color: #181716; text-shadow: none; }
#main table.downloads tr:hover td { background: #d7d8d9; color: #181716; }

#main table.downloads td { padding: 5px; }
#main table.downloads td.dimensions { padding-left: 20px;}

#main table.downloads td.spacer { background: #fff; }
#main table.downloads td:hover.spacer { background: #fff; }

#main table.downloads td a.info { display: block; width: 14px; height: 14px; background: url('../Graphics/Info_icon.png') no-repeat; text-indent: -9999px; text-decoration: none; }
#main table.downloads td a:hover.info { background-position: bottom left; }
#main table.downloads tr:hover td a.info { background-position: 0 -14px; }

#main table.downloads td a.download_template { display: block; width: 119px; height: 13px; background: url('../Graphics/Download_template.png') no-repeat top left; text-indent: -9999px; }
#main table.downloads td a:hover.download_template { display: block; width: 119px; height: 13px; background: url('../Graphics/Download_template.png') no-repeat bottom left; text-indent: -9999px; }

/* Products
----------------------------------------------------------------------------------*/
#products { overflow: hidden; margin: 0 0 30px 0; }
#products .content { padding: 5px 0 0 5px; }

/* Categories */
#products .product_cat { float: left; width: 177px; height: 270px; margin: 0 6px 6px 0; position: relative; background: url('../Graphics/Product_cat_bg.png') no-repeat; }
#products .last_in_row { margin: 0 0 6px 0; }

#products .product_cat .photo { position: absolute; top: 3px; left: 3px; display: block; width: 171px; height: 102px; }
#products .product_cat:hover { cursor: pointer; }

#products .product_cat .photo_icon { position: absolute; top: 116px; right: 12px; display: block; width: 15px; height: 12px; z-index: 10; }

#products .product_cat h3 { position: absolute; top: 113px; left: 22px; height: 20px; }
#products .product_cat h3 a:link,
#products .product_cat h3 a:visited,
#products .product_cat h3 a:active { display: block; height: 20px; font-size: 11px; font-weight: bold; color: #0087cd; text-decoration: none; text-shadow: 1px 1px 1px #fff; }
#products .product_cat h3 a:hover { color: #7db61a; }

#products .product_cat .description { position: absolute; top: 145px; left: 10px; width: 158px; height: 80px; line-height: 16px; font-size: 10px; color: #6d6e71; overflow: hidden; text-shadow: 1px 1px 1px #fff; }

#products .product_cat .description_hover { color: #333; }

#products .product_cat a:link.button,
#products .product_cat a:visited.button,
#products .product_cat a:active.button { position: absolute; bottom: 10px; left: 10px; width: 158px; height: 24px; line-height: 24px; background: url('../Graphics/Product_cat_button.png') no-repeat top left; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; text-indent: 12px; text-shadow: 1px 1px 1px #693; }
#products .product_cat a:hover.button,
#products .product_cat a.button_hover { background-position: bottom left !important; text-shadow: 1px 1px 1px #369 !important; }

/* Contact
----------------------------------------------------------------------------------*/
#main #contact { margin: 0 0 30px 0; }
#main #contact_content { position: relative; float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }

#main #contact_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #contact_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#main #contact_content .middle .intro_text { padding: 0; height: 50px; }
#main #contact_content .middle .intro_text p { padding-bottom: 0; }
#main #contact_content .middle .intro_text strong { color: #0087cd; }

#main #contact_content .middle { position: relative; width: 703px; min-height: 465px; height: auto; padding: 25px 12px 10px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y bottom left; }
#main #contact_content .middle p { position: relative; padding-left: 35px; padding-right: 15px; z-index: 2; }
#main #contact_content .middle p span { color: #0087cd; }
#main #contact_content .middle h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71; }

#main #contact_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat bottom left; }

/* Blog
----------------------------------------------------------------------------------*/
#main #blog { margin: 0 0 30px 0; }
#main #blog_content { position: relative; float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }

#main #blog_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #blog_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#main #blog_content .middle .intro_text { padding: 0 0 30px 33px; min-height: 40px; }
#main #blog_content .middle .intro_text strong { color: #0087cd; }

#main #blog_content .middle { position: relative; width: 703px; height: auto; padding: 25px 12px 10px 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y bottom left; }
#main #blog_content .middle p { position: relative; padding-left: 35px; padding-right: 15px; z-index: 2; }
#main #blog_content .middle p span { color: #0087cd; }
#main #blog_content .middle h2 { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-size: 14px; font-weight: bold; color: #6d6e71; }

#main #blog_content .middle h2.error_message { color: #c00; }

#main #blog_content .middle .blog_links { padding: 15px 35px 40px 35px; overflow: hidden; }
#main #blog_content .middle .blog_links a.reaction { float: left; display: block; width: 245px; height: 27px; line-height: 27px; margin: 0 5px 0 0; background: url('../Graphics/Form_submit.png') no-repeat top left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff; text-decoration: none; padding: 0 0 0 15px; }

#main #blog_content .middle .blog_pic { float: right; padding: 0 0 15px 20px; }

#main #blog_content form { padding: 0 0 30px 0; }
#main #blog_content form .item { clear: both; float: none; padding: 0 0 0 33px; overflow: hidden; }
#main #blog_content form .item label { float: left; width: 156px; height: 25px; line-height: 25px; padding: 0 0 10px 0; }
#main #blog_content form .item .inputfield { float: left; width: 503px; height: 15px; padding: 4px; background: #f5f5f5 url('../Graphics/Form_required.png') no-repeat top right; border: 1px solid #b2b3b4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #6d6e71; }
#main #blog_content form .item textarea { float: left; width: 503px; height: 85px; padding: 4px; background: #f5f5f5 url('../Graphics/Form_required.png') no-repeat top right; border: 1px solid #b2b3b4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #6d6e71; }

#main #blog_content form .item_submit {padding: 10px 0 0 189px;} 
#main #blog_content form input.submit { display: block; width: 260px; height: 27px; background: url('../Graphics/Form_submit.png') no-repeat top left; border: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-align: left; padding: 0 0 0 10px; cursor: pointer; text-shadow: 1px 1px 1px #6e9f19; }

#main #blog_content form .error .inputfield,
#main #blog_content form .error textarea { border: 1px solid #c00; }

#main #blog_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat bottom left; }

#main #blog_content #buttons { float: right; width: 717px; height: auto; margin: 10px 10px 7px 10px; padding: 0 0 30px 0; }
#main #blog_content #buttons a.btn_light { float: left; width: 122px; height: 27px; line-height: 27px; padding: 0 10px 0 30px; background: url('../Graphics/Button_light_bg.png') no-repeat; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #5e5f61; }

/* Register
----------------------------------------------------------------------------------*/
#main #register { padding: 0 0 30px 0 }
#main #register_content { float: left; width: 727px; height: auto; margin: 4px 0 7px 5px; }
#main #register_content .top { width: 667px; height: 37px; line-height: 37px; padding: 0 30px; background: url('../Graphics/Shop_top_bg.png') no-repeat top left; color: #fff; font-size: 13px; font-weight: bold; }
#main #register_content .top h1 { margin:0; padding:0; color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#main #register_content .middle { width: 703px; height: auto; min-height: 475px; padding: 25px 12px 0 12px; background: url('../Graphics/Shop_content_middle.png') repeat-y top left; }
#main #register_content .bottom { width: 727px; height: 10px; background: url('../Graphics/Shop_content_bottom.png') no-repeat top left; }

/* Forms
----------------------------------------------------------------------------------*/
#main form.contact {}
#main form.contact h2.error_message { color: #c00 !important ; }

#main form.contact .item { clear: both; float: none; padding: 0 0 0 33px; overflow: hidden; }
#main form.contact .item label { float: left; width: 156px; height: 25px; line-height: 25px; padding: 0 0 10px 0; }
#main form.contact .item .inputfield { float: left; width: 503px; height: 15px; padding: 4px; background: #f5f5f5 url('../Graphics/Form_required.png') no-repeat top right; border: 1px solid #b2b3b4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #6d6e71; }
#main form.contact .item textarea { float: left; width: 503px; height: 85px; padding: 4px; background: #f5f5f5 url('../Graphics/Form_required.png') no-repeat top right; border: 1px solid #b2b3b4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #6d6e71; }
#main form.contact .item select { float: left; width: 513px; height: auto; padding: 4px; background: #f5f5f5; border: 1px solid #b2b3b4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #6d6e71; }

#main form.contact .item_submit { padding: 0 0 0 189px; }
#main form.contact .item_submit input.submit { display: block; width: 260px; height: 27px; background: url('../Graphics/Form_submit.png') no-repeat top left; border: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-align: left; padding: 0 0 0 10px; cursor: pointer; text-shadow: 1px 1px 1px #6e9f19; }

#main form.contact .block .title { margin: 0 0 20px 0; padding: 12px 0 12px 20px; border-bottom: 1px dotted #ddd; background: url('../Graphics/Arrow_green.png') no-repeat center left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6d6e71;  }
#main form.contact .block { padding: 0 0 15px 0; overflow: hidden; }

#main form.contact .error .inputfield,
#main form.contact .error textarea,
#main form.contact .error select { border: 1px solid #c00; }

/* Footer
----------------------------------------------------------------------------------*/
#footer { position: relative; height: 200px;  margin-top: -145px; clear: both; background: #3c3c3d; }
#footer .content { position: relative; width: 954px; height: 145px; margin: 0 auto; padding: 0; background: #3c3c3d; }

#footer .content a:link,
#footer .content a:visited,
#footer .content a:active { color: #fff; text-decoration:none; }
#footer .content a:hover { text-decoration: underline; }

#footer .content .payment_methods { position: absolute; top: 20px; left: 0; width: 259px; height: 22px; }

#footer .content .infobox { position: absolute; top: 20px; right: 0; width: 500px; height: auto; text-align: right; color: #fff; font-size: 12px; line-height: 22px; } 
#footer .content .infobox .telephone { dislay: inline-block; background: url('../Graphics/Footer_phone_icon.png') no-repeat center left; padding: 0 0 0 15px; color: #007fc4; font-size: 14px; font-weight: bold; }
#footer .content .infobox .country { color: #9ea0a1;}

#footer .content .bottom { position: absolute; top: 83px; left: 0; width: 954px; height: auto; border-top: 1px dotted #6d6e71; }

#footer .content .bottom_left { position: absolute; top: 10px; left: 0; width: 450px; height: auto; font-size: 10px; color: #6d6e71; text-align: left; }
#footer .content .bottom_left a:link,
#footer .content .bottom_left a:visited,
#footer .content .bottom_left a:active { color: #6d6e71; text-decoration: none; }
#footer .content .bottom_left a:hover { color: #999; text-decoration: underline; }

#footer .content .bottom_right { position: absolute; top: 10px; right: 0; width: 470px; height: auto; font-size: 10px; color: #6d6e71; text-align: right; }
#footer .content .bottom_right a:link,
#footer .content .bottom_right a:visited,
#footer .content .bottom_right a:active { color: #6d6e71; text-decoration: none; }
#footer .content .bottom_right a:hover { color: #999; text-decoration: underline; }

/* Upload progress bar
----------------------------------------------------------------------------------*/
div.progress-bar { position: relative; margin: 15px; width: 670px; height: 25px; background: #fff; border: 1px solid #ddd; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
div.progress-bar-text { position: relative; text-align: center; font-weight: bold; width: 600px; height: 25px; line-height: 25px; margin: 0 auto; z-index: 2; text-shadow: none; }
div.progress-bar-bg { position: absolute; height: 25px; background-color: #7db61b; width: 0%; z-index: 1; }
div.progress-50-percent { color: white; }

/* Tooltip shopping cart
----------------------------------------------------------------------------------*/
#main span.tooltip { display: none; position: absolute; z-index: 1000; line-height: 16px !important; background: #707173; color: #fff; padding: 10px; opacity:0.9; text-indent: 0;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; border: 1px solid #ccc; text-decoration: none !important; text-shadow: none; }
#main span.tooltip p { padding: 0; }

.hotspot { cursor: pointer; }

#tt {position: absolute; display: block; }
#tttop { display: none; height: 5px; margin-left: 5px; background: #707173; overflow: hidden; }
#ttcont { display: block; padding: 10px; margin-left: 5px; background: #707173; color: #fff; opacity:0.9; text-indent: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; border: 1px solid #ccc; text-decoration: none !important; text-shadow: none; }
#ttbot { display: none; }

/* Other classes
----------------------------------------------------------------------------------*/
.clear { clear:  both; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }

/* Clear fix
----------------------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

