body{ background : #8d8986; margin : 0; font-family : "Tahoma","arial","geneva","helvetica"; color : #fff; font-size : 11px; }
.clearer{ clear : both; }
.hidden{ display : none; }

#container{ width : 880px; margin : 0 auto; }
#logo{ display : block; margin : 20px 0; border : 0; background : url('../img/logo_front.png'); height : 32px; width : 269px; }
* html #logo{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bronson.be/img/logo_front.png", sizingMethod="crop"); } 
#login{ float : right; text-align : right; margin : 0 4px 0 0; position : relative; z-index : 3; }
#login a{ display : block; color : #fff; position : relative; z-index : 3;}
#login a:hover{ text-decoration : none; }

/* MENU & SUBMENU */

ul.hoofdmenu1{ margin : 0; padding : 0; list-style : none; font-size : 10pt; position : relative; z-index : 3; } 
ul.hoofdmenu1 a{ color : #fff; text-decoration : none; text-transform : uppercase; letter-spacing : 1px; }
ul.hoofdmenu1 a#active,ul.hoofdmenu1 a:hover{ color : #820000; text-decoration : none; }
ul.hoofdmenu1 .menu1{ float : left; padding : 3px 20px; border-right : 1px solid #fff; }
ul.hoofdmenu1 .first_menu1{ float : left; padding : 3px 20px 3px 0; border-right : 1px solid #fff; }
ul.hoofdmenu1 .last_menu1{ float : left; padding : 3px 0 3px 20px; }

ul.submenu1{ margin : 15px 0 0 0; padding : 0; list-style : none; font-size : 8pt; }
ul.submenu1 a{ color : #fff; text-decoration : none; text-transform : uppercase; letter-spacing: 1px; }
ul.submenu1 a#active,ul.submenu1 a:hover{ color : #820000; text-decoration : none; }
ul.submenu1 .menu1{ float : left; padding : 1px 5px; border-right : 1px solid #fff; }
ul.submenu1 .first_menu1{ float : left; padding : 1px 5px 1px 0; border-right : 1px solid #fff; }
ul.submenu1 .last_menu1{ float : left; padding : 1px 0 1px 5px; }

#book{ float : right; margin : -5px 5px 0 0; border : 0; }

/* INHOUD */

#rep_top{ background : url('../img/rep_top.png') no-repeat; height : 17px; width : 880px; margin : 20px 0 0 0; }
#rep_bottom{ background : url('../img/rep_bottom.png') no-repeat; height : 17px; width : 880px; margin : 0 0 10px 0; }
#inhoud{ background : url('../img/rep.png') repeat-y; width : 850px; color : #676767; padding : 0 20px 0 10px; position : relative; }
#inhoud p{ margin : 0; padding : 5px 0; }
#flash_container{ width : 880px; margin : 20px 0; overflow : hidden; }
#flash_container img{ margin : 0; padding : 0; }
h1.h1{ color : #000027; font-weight : normal; margin : 0; padding : 0; text-transform : uppercase; font-size : 14pt; padding : 0 0 10px 0; }
h4{ margin : 4px 0; padding : 0; }

#copyright{ width : 880px; margin : 0 auto 10px auto; text-align : center; position : relative; }
#copyright a{ color : #fff; }

/* PRODUCT LISTING */

.product_listing{ float : left; text-align : center; text-transform : uppercase; margin : 0 20px; width : 150px; position : relative; }
.product_listing_dummy{ clear : both; }
.product_listing img{ display : block; margin : 10px 0; border : 1px solid #efefef; }
.product_listing img:hover{ border : 1px solid #ccc; }
.product_listing #loader{ position : absolute; top : 50%; left : 50%; margin : -16px 0 0 -16px; }
.product_listing a{ color : #666; text-decoration : none; }
#banner{ background : url('../img/header.png') no-repeat #fff; position : relative; width : 812px; height : 182px; margin : 0 0 0 15px; padding : 15px 0 0 15px; }
#banner h1{ position : absolute; left : 20px; top : 60px; margin : 0; padding : 0; }

/* PRODUCT DETAIL */

#product_image{ display : block; margin : 20px; border : 0; }
h1#h1{ color : #000027; font-weight : normal; margin : 0; padding : 0; text-transform : uppercase; font-size : 14pt; padding : 20px 0 0 10px; }
h2.h2{ color : #8d8986; text-transform : uppercase; font-size : 10pt; border-bottom : 1px solid #dad8d6; padding : 20px 0 0 10px; }
#product_specs{ margin : 20px 0 0 0; padding : 0; list-style : none; }
#product_specs li{ padding : 4px 0 4px 10px; }
#right_side{ float : left;  width : 50%; }
#left_side{ float : left; padding : 0 0 0 10px; width : 46%; border-right : 1px solid #dad8d6;}
#large_image{ color : #8d8986; margin : 0 0 0 10px; }
#alternate_views img{ margin : 0 10px; border : 0; }
#other_colors img{ margin : 0 0 0 10px; border : 0; }
#locate_store,#showmap{ background : #999; padding : 5px; color : #fff; text-transform : uppercase; text-decoration : none; margin : 10px 0 0 10px; display : block; width : 125px; }
#locate_store:hover{ background : #820000; }
#showmap{ margin : 5px 0 0 0; }
.combination_advice{ padding : 0 0 0 10px; }
.combination_advice img{ margin : 0 20px 0 0; border : 0; }
#navigation{ margin : 10px 60px 0 10px; list-style : none; padding : 0; text-align : center; text-transform : uppercase; }
#navigation li{ display : inline; padding : 0 10px; }
#previous{ background : url('../img/previous.jpg') no-repeat left; padding : 0 0 0 15px; color : #666; text-decoration : none; }
#next{ background : url('../img/next.jpg') no-repeat right; padding : 0 15px 0 0; color : #666; text-decoration : none; }
#main{ color : #666; text-decoration : none; }

#cat{ margin : 0 0 0 -411px; width : 690px; position : absolute; z-index : 1000; top : -120px; left : 50%; z-index : 1; }
#dummy{ height : 565px; background : url('../img/bg_catalog.jpg') no-repeat bottom right; width : 728px; padding : 10px 0 0 0; margin : 0 auto; }

#maildoos_placeholder{ display : none; }

/* JOBS */

ul#jobs{ margin : 10px 0 0 20px; }
.jobs_a{ color : #820000; }

/* LIGHTBOX */

#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index : 4; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index : 5; }
.lbLoading { background: #fff url('../img/loading.gif') no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url('../img/prevlabel.gif') no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url('../img/nextlabel.gif') no-repeat 100% 15%; }
#lbBottom { font-family : "Lucida Sans","Arial"; font-size : 9pt; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url('../img/closelabel.gif') no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* FRONT ANIMATION */

.front{	width: 292px; height: 373px; z-index:5; float : left; }
.front img.thumbnail{ display: none; }
.jdGallery{ overflow: hidden; position: relative; }
.jdGallery img{	border: 0; margin: 0; }
.jdGallery .slideElement{ width: 100%; height: 100%; background: url('../img/front-loader.gif') center center no-repeat #2B3541; }
.jdGallery .loadingElement{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('../img/front-loader.gif') center center no-repeat #2B3541 }

/* REGISTREER */

#dynform .label{ float : left; width : 150px; font-weight : bold; margin : 0 0 10px 0; }
#dynform .field{ display : block; }
#dynform .error_field{ color : #820000; float : right; }
fieldset{ border : 0; }
form{ margin : 0; padding : 0; }
.star{ padding : 5px; margin : 5px 0 0 0; border-top : 1px solid #dad8d6; font-style : italic; }
.row{ margin : 5px 0; }
.form_text{ border : 1px solid #8D8986; padding : 5px; font-family : "Tahoma"; font-size : 8pt; width : 200px; }
.form_small_text{ border : 1px solid #8D8986; padding : 5px; font-family : "Tahoma"; font-size : 8pt; width : 40px; }
.form_dropdown{ border : 1px solid #8D8986; padding : 5px; font-family : "Tahoma"; font-size : 8pt; width : 200px; }
.form_textarea{ border : 1px solid #8D8986; padding : 5px; font-family : "Tahoma"; font-size : 8pt; width : 200px; }
.field{ float : left; margin : 0 0 10px 0; }
.form_clear{ clear : both; }
.buttonAdd{ background : #999; padding : 5px; color : #fff; text-transform : uppercase; text-decoration : none; margin : 0; display : block; width : 162px; }
.inline{ color : #820000; }
.inline:hover{ text-decoration : none; }
h2.login{ color : #8d8986; text-transform : uppercase; font-size : 10pt; border-bottom : 1px solid #dad8d6; padding : 0; }
#alert,#alert a{ color : #820000; }
#login_wrapper{ height : 500px; }
#stores_wrapper{ height : 500px; font-size : 10pt; }
#forgotpassword{ padding : 5px 0 0 0; display : block; color : #8d8986; }
#forgotpassword:hover{ text-decoration : none; }

/* STORE LOCATOR */

#map{ width : 500px; height : 320px; border : 1px solid #8D8986; float : left; margin : 0 10px 0 0; }
#map h1{ font-size : 8pt; margin : 0; padding : 0; }
#map #store{ margin : 0 5px 0 0; float : left; height : 75px; width : 75px; background : #efefef; border : 1px solid #ccc; }
#shop_details{ color : #8D8986; }
#shop_right{ float : left; }
#hover{ height : 75px; }
#shop_details:hover{ text-decoration : none; }
#listing{ float : left; width : 325px; }
#city{ border : 1px solid #8D8986; padding : 5px; font-family : "Tahoma"; font-size : 8pt; width : 235px; color : #676767; margin : 0 0 10px 0; }
#address{ margin : 10px 0 0 0; }
#address h3{ font-size : 14px; }
#address h4{ font-size : 12px; }
#store_img{ float : left; margin : 0 10px 0 0; background : #efefef;}
h2.store{ color : #8d8986; text-transform : uppercase; font-size : 10pt; border-bottom : 1px solid #dad8d6; padding : 0 0 0 10px; float : left; margin : 0; }
h3{ margin : 0 0 5px 0; }