/*------------------------------------------------------------------
[Master Stylesheet]
Company:		SOTAQ
Version:		1.01
Last change:	09/06/08 [x]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------ 
CUSTOM [CODE 1]	= 000000	= zwart
CUSTOM [CODE 2]	= FFFFFF	= wit
CUSTOM [CODE 3]	= 969696	= grijs
CUSTOM [CODE 4]	= 64737c	= donkergrijs
CUSTOM [CODE 5]	= 09428F	= kleur1 : donkerblauw
CUSTOM [CODE 6]	= C8DD5D	= kleur 2 : groen
CUSTOM [CODE 7]	= CCCCCC	= medium lichtgrijd
CUSTOM [CODE 7]	= E20030	= extra kleur : rood
CUSTOM [CODE 8]	= E8E8E8	= heel lichtgrijs
CUSTOM [CODE X]	= geen achtergrond kleur maar kan mogelijk zijn
-------------------------------------------------------------------*/
/* Shop: SPARCOTEST */
/***** GLOBAL SETTING *****/
 
html, body{
height:100%;
border:0;
margin:0;
padding:0;
}
body{
font-family:arial, helvetica, sans-serif;
font-size:12px;	
}
/***** common formatting *****/
 
h1, h2, h3, h4, h5, h6, 
table, div p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea, strong{
margin:0;
padding:0;
font-family:arial, helvetica, sans-serif;
}
table, div, p, th, td, ul, li, dd, dt, ol, blockquote, q, acronym, abbr, input, select, textarea, strong{
font-size:12px;
line-height:1.5;
font-family:arial;
}
td{
vertical-align:top;
}
li li, li p, td p, blockquote p, ul li, td ul, td div, div td, td td{
font-size:12px;
}
small {
font-size:9px;
}
big {
font-size:13px;
}
q {
font-style: italic;
}
img {
border:0;
}
 
acronym, abbr{
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed #000000;
}
 
 
/***** LINKS *****/
 
a,
a:link,
a:visited,
a:hover{
text-decoration:underline;
}
 
a.no_underline, a.no_underline:hover{
text-decoration: none;		
}	
/***** FORMS *****/
 
form{
margin:0;
padding:0;
display:inline;
}
 
label {
cursor:pointer;
}
 
  
/***** GLOBAL CLASSES *****/
 
.clear       		{ clear:both; height:0;	margin:0; font-size: 1px; line-height: 0;}
.clearleft			{ clear:left; height:0;	margin:0; font-size: 1px; line-height: 0;}
.clearright			{ clear:right; height:0;	margin:0; font-size: 1px; line-height: 0;}
.floatleft  	  	{ float:left; }
.floatright 		{ float:right; }
 
.textleft     		{ text-align:left; }
.textright    		{ text-align:right; }
.textcenter   		{ text-align:center; }
.textjustify  		{ text-align:justify; }
 
.bold          		{ font-weight:bold; }
.italic        		{ font-style:italic; }
.bolditalic         { font-weight:bold;font-style:italic;}
.underline     		{ border-bottom:1px solid; }
.boldunderline     	{ font-weight:bold;border-bottom:1px solid;}
.highlight     		{ background:#ffc; }
.nopadding     		{ padding:0; }
.noindent			{ margin-left:0;padding-left:0; text-indent:0;}
.nobullet    	 	{ list-style:none;list-style-image:none; }
.hiddenpreloadpic	{ display:none;}    
img.floatleft, a.floatleft	{ float:left; }
img.floatright, a.floatright{ float:right; }
 
 
/*------------------------------------------------------------------
1. GENERAL
2. LAYOUT GENERAL
3. LAYOUT CONTENT
4. LAYOUT HOME
5. SHOP 
6. LAYOUT WEBCENTIVES - FORM LOGINPAGE
7. LAYOUT SELECTION BOX
8. LAYOUT PAGING
9. LAYOUT WEBCENTIVES - PRODUCTLIST
-------------------------------------------------------------------*/
/* 1. GENERAL ========================================================================================= */
html,body{
height: 100%; 
color:#000000; /* CUSTOM [CODE 1] */
font-family:Arial, Helvetica, sans-serif; /* CUSTOM [CODE] */
}
body{
background: #E8E8E8 url(Sparco/gfx/body_bg.gif) repeat-x left top; /* CUSTOM [CODE 8] */
}	
DIV#javascript_message, 
DIV#javascript_message A, 
DIV#javascript_message A:hover{
position:absolute;
left:0;
top:0;
height: 30px;
line-height: 30px;
width:100%;
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #6e6e6e;
z-index:10000;
}
/* ================================================================== */
/* START : DIT IS TOEGEVOEGD ===================================== */
.content_container_inner, .content_container_inner_top{
margin-left:20px;
padding-right:27px;
}
.content_container_inner_top{
margin-top:10px;
}
.marginleft_small{
margin-left:5px;
}
INPUT{
height: 23px;
text-indent: 3px;
border: 1px solid #000000; /* CUSTOM [CODE 1] */
background-color: #ffffff; /* CUSTOM [CODE 2] */
font-size: 12px;
color: #000000; /* CUSTOM [CODE 1] */
margin: 0px 0px 5px 0px;
padding-top: 3px;
}
FORM.contact TEXTAREA{
padding:3px;
width: 100%;
height: 125px;
border: 1px solid #000000; /* CUSTOM [CODE 1] */
background-color: #ffffff; /* CUSTOM [CODE 2] */
font-size: 12px;
color: #000000; /* CUSTOM [CODE 1] */
text-indent: 3px;
}
.submit, .submit_ie_hover{
display:block;
font-size: 12px;
height: 23px;
width:auto;
font-weight:bold;
color:#000000;/* CUSTOM [CODE 1] */
padding-left:10px;
padding-right:10px;
text-align:center;
margin-bottom:4px;
background: #E8E8E8  left top no-repeat; /* CUSTOM [CODE 8] */
border:0px;
cursor: hand;
}
.submit:hover, .submit_ie_hover{
color:#FFFFFF;
background: #09428F  left top no-repeat; /* CUSTOM [CODE 5] */
cursor: hand;
}
.submit_green, .submit_green_ie_hover{
display:block;
float:right;
font-size: 12px;
height:23px;
font-weight:bold;	
text-align:center;
text-indent:0px;
text-decoration:none;
color:#000000;/* CUSTOM [CODE 1] */
margin:0px;	
margin-bottom:4px;
background: #C8DD5D  no-repeat left top; /* CUSTOM [CODE 6] */ 
border:0px;
cursor: hand;
padding-left:10px;
padding-right:10px;
}	
.submit_green:hover, .submit_green_ie_hover{				
color:#ffffff;/* CUSTOM [CODE 2] */
margin-bottom:4px;
background: #09428F  no-repeat left top; /* CUSTOM [CODE 5] */ 
}
/* END : DIT IS TOEGEVOEGD ===================================== */
/* ================================================================== */
/* 2. LAYOUT GENERAL ==================================================================================== */
TABLE#layout{
width:100%;
height:100%;
}
TD#layout_left{
background: transparent url(Sparco/gfx/layout_center_left_bg.jpg) repeat-y right top; /* CUSTOM [CODE ] */ 
height:100%;
}
TD#layout_center{
background: transparent  repeat-x left top; /* CUSTOM [CODE ] */
width: 680px;
height:100%;
}
TD#layout_right{
background: transparent url(Sparco/gfx/layout_center_right_bg.jpg) repeat-y left top; /* CUSTOM [CODE ] */ 
height:100%;
}
TD#layout_left TABLE.container{ /* only use is to able to use an extra background image for the  right top */
background: transparent url(Sparco/gfx/layout_center_left_img.jpg) no-repeat right top; /* CUSTOM [CODE ] */
height:100%;
}
TD#layout_right TABLE.container{ /* only use is to able to use an extra background image for the  right top */
background: transparent url(Sparco/gfx/layout_center_right_img.jpg) no-repeat left top; /* CUSTOM [CODE ] */
height:100%;
}
TABLE#layout_column_left{
width:158px;
height:100%;
margin-right:6px;
}
	TABLE#layout_column_left DIV.container TD.row1{
	height: 110px;
	padding-left:4px;
	background: #ffffff url(Sparco/gfx/layout_center_left_img.jpg) repeat-x rigt top; /* CUSTOM [CODE 2] */
	}
	TABLE#layout_column_left DIV.container TD.row2{
	background: #ffffff url(Sparco/gfx/layout_column_bg.jpg) repeat-x left bottom; /* CUSTOM [CODE 2] */
	padding:4px 4px 4px 4px;
	}
TABLE#layout_column_center{
width:100%;
height:100%;
background: #ffffff url(Sparco/gfx/layout_center_top_bg.jpg) repeat-x left 1px; /* CUSTOM [CODE 2] */
}
	TABLE#layout_column_center TD.row1{
	height:34px;
	background: transparent  repeat-x left bottom; /* CUSTOM [CODE X] */
	}
	TABLE#layout_column_center TD.row2{
	height:25px;
	background: #09428F repeat-x left top; /* CUSTOM [CODE 5] */
	padding:0;
	}
	TABLE#layout_column_center TD.row3{
	background: #ffffff repeat-x left top; /* CUSTOM [CODE 2] */
	}
	TABLE#layout_column_center TD.row4{
	height:34px;
	background: #ffffff repeat-x left top; /* CUSTOM [CODE 2] */
	}
TABLE#layout_column_right{
width:158px;
height:100%;
background: transparent repeat-x left top; /* CUSTOM [CODE X] */
margin-left:6px;
}
	TD.row1{
	height:110px;
	}
	TD.row2{
	background: #ffffff url(Sparco/gfx/layout_column_bg.jpg) repeat-x left bottom; /* CUSTOM [CODE 2] */
	height:auto;
	padding:4px 4px 4px 4px;
	}
/* 3. LAYOUT CONTENT =============================================================================== */
DIV.content_container_left{
float:left;
width:424px;
margin:0px 24px 22px 0px;
}
DIV.content_container_right{
float:left;
width:200px;
margin:0px 0px 22px 0px;
clear:right;
}
DIV.content_container_left DIV.inner, DIV.content_container_right DIV.inner{
margin: 0px 0px 0px 22px;
}
TD#footer{
text-align:center;
font-size:11px;
color:#969696; /* CUSTOM [CODE 3] */
line-height:34px;
}
TD#footer A{
color:#969696; /* CUSTOM [CODE 3] */
text-decoration:none; /* CUSTOM */
}
TD#footer A:hover{
color:#969696; /* CUSTOM [CODE 3] */
text-decoration:hover; /* CUSTOM */
}
.list_head TD.header{
font-size: 12px;
line-height: 30px;
font-weight:bold;
color:#ffffff;/* CUSTOM [CODE 2] */
background: #969696  no-repeat left top; /* CUSTOM [CODE 3] */ 
padding-left:5px;
padding-right:5px;
}
.list_head TD.footer{
padding-left:5px;
padding-right:5px;
line-height: 30px;
}
.list_row_even, .list_row_odd{
line-height:23px;
background-color: #E8E8E8; /* CUSTOM [CODE 3] */ 
}
.list_row_even TD, .list_row_odd TD{
border-top:2px solid #FFFFFF;
line-height:23px;
height:23px;
overflow:hidden;
vertical-align:middle;
padding-left:5px;
padding-right:5px;
}
TD.list_background_white{
background-color:#FFFFFF;
}
/* 4. LAYOUT HOME =============================================================================== */
TABLE.home_products_container{
width:100%;
margin-bottom:22px;
}
TABLE.home_products_container TD.col{
width:33%;
text-align:center;
}
TABLE.home_products_container TD.col_spacer{
width:4px;
overflow:hidden;
}
TABLE.home_products_block_container{
width:100%;
background: #E8E8E8 repeat-x left top; /* CUSTOM [CODE 8] */
}
TABLE.home_products_container .home_product_title {
height:40px;
font-size: 12px;
font-weight:bold;
color:#ffffff;/* CUSTOM [CODE 2] */
text-align:left;
padding-left:10px;
background: #969696  no-repeat left top; /* CUSTOM [CODE 3] */ 
border-left: 11px solid #C8DD5D; /* CUSTOM [CODE 6] */ 
}
TABLE.home_products_container .home_product_title A {
font-size: 12px;
font-weight:bold;
color:#ffffff;/* CUSTOM [CODE 2] */
}
DIV.home_prices_container{
height:44px;
}
DIV.home_price_old{
position:absolute;
font-size:16px;
font-weight:bold;
color:#969696; /* CUSTOM [CODE 3] */
text-decoration:line-through;
margin: 50px 0px 0px 21px;
}
DIV.home_price{
position:absolute;
font-size:26px;
line-height:26px;
font-weight:bold;
width:140px;
text-align:center;
color:#000000; /* CUSTOM [CODE 1] */
margin: 10px 0px 0px 44px;
}
TABLE.home_products_buttons_containers{
width:100%;
}
TABLE.home_products_buttons_containers TD.col1{
padding: 4px;
}
TABLE.home_products_buttons_containers TD.col2{
padding: 4px 4px 4px 0px;
width:10;
}
/* 5. SHOP =========================================================================== */
UL.shopping_list_overview{
list-style:none;
margin:0;
padding:0;
clear:both;
}
UL.shopping_list_overview li{
color:#000000; /* CUSTOM [CODE 1] */
clear:both;
}
UL.shopping_list_overview li DIV.value{
float:left;
width:24px;
}
UL.shopping_list_overview li DIV.item{
float:left;
width:125px;
/*background-color:#99FFFF;*/
}
/* 6. LAYOUT WEBCENTIVES - FORM LOGINPAGE ======================================================= */
INPUT.login_field{
float: left;
width: 100%;
height: 23px;
text-indent: 3px;
border: 1px solid #000000; /* CUSTOM [CODE 1] */
background-color: #ffffff; /* CUSTOM [CODE 2] */
font-size: 12px;
color: #000000; /* CUSTOM [CODE 1] */
margin: 0px 0px 5px 0px;
padding: 3px 0px;
}
.submit_login, .submit_login_ie_hover{
font-size: 12px;
height: 23px;
width:100%;
font-weight:bold;
color:#000000;/* CUSTOM [CODE 1] */
text-indent:10px;
text-align:left;
margin-bottom:4px;
background: #E8E8E8  left top no-repeat; /* CUSTOM [CODE 8] */
border:0px;
cursor: hand;
}
.submit_login:hover,.submit_login_ie_hover{
color: #ffffff;
background: #09428F  left top no-repeat; /* CUSTOM [CODE 5] */
cursor: hand;
}
/* FORGOT PASSWORD ITEM */
FORM.login A.forgotpassword, FORM.login A.forgotpassword:hover{
float: left;
width: 200px;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #557584;
margin: 0px 0px 5px 0px;
background-color: none; 
text-decoration: none;
}
FORM.login A.forgotpassword:hover{
text-decoration: underline;
}
.login_large_font{
font-size:14px;
line-height:55px;
color:#09428F;
}
/* 7. LAYOUT SELECTION BOX ======================================================= */
div.selection_box, div.selection_box_small{
position: absolute;
left:0px;
width:148px;
background-color: #FFFFFF;
border:1px solid #969696; /* CUSTOM [CODE 3] */
padding:4px 0px 4px 0px;
text-indent:0px;	
overflow:hidden;
}
div.selection_box_small{
width:70px;
}
div.selection_box_small P.inner,
div.selection_box P.inner{
margin:0;
padding:0;
margin-left:10px;
width:132px;
}
div.selection_box_small P.inner{
width:60px;
}
div.selection_box_small P.inner A,
div.selection_box P.inner A{
text-decoration:none;
}
div.selection_box_small P.inner A:hover,
div.selection_box P.inner A:hover{
text-decoration:underline;
}							
DIV.selection_box_container1{
position:absolute;
top:56px;
left:0px;
z-index:50;
width:100%;
}
DIV.selection_box_container2{
position:absolute;
top:152px;
left:0px;
z-index:40;
width:100%;
}
DIV.selection_box_container3{
position:absolute;
top:211px;
left:0px;
z-index:30;
width:100%;
}	
/* 8. LAYOUT PAGING ======================================================= */
TABLE.sorting_container{
height: 23px;
width:100%;
margin-bottom:20px;
background: #E8E8E8  left top no-repeat; /* CUSTOM [CODE 8] */
clear:both;
}
TABLE.sorting_container TD{
padding:3px 3px 3px 3px;
text-align: right;
}
TABLE.sorting_container TD A{
padding: 3px;
line-height:22px;
color:#000000; /* CUSTOM [CODE 1] */
font-size: 12px;
text-align:center;
text-decoration:none;
background: #E8E8E8  left top no-repeat; /* CUSTOM [CODE 8] */
}
TABLE.sorting_container TD A:hover, TABLE.sorting_container TD A.on{
color:#ffffff; /* CUSTOM [CODE 2] */
background: #09428F  left top no-repeat; /* CUSTOM [CODE 5] */
}
TABLE.paging_container{
height: 23px;
width:100%;
margin-bottom:20px;
background: #E8E8E8  left top no-repeat; /* CUSTOM [CODE 8] */
clear:both;
margin-top: -17px;
}
TD.paging_button{
width:90px;
height:100%;
}
TD.paging_button A{
display:block;
width:100%;
height:100%;
line-height:22px;
color:#000000; /* CUSTOM [CODE 1] */
font-size: 12px;
text-align:center;
text-decoration:none;
background: #E8E8E8  left top no-repeat; /* CUSTOM [CODE 8] */
}
TD.paging_button A:hover{
color:#ffffff; /* CUSTOM [CODE 2] */
background: #09428F  left top no-repeat; /* CUSTOM [CODE 5] */
}
TD.paging_number{
border-left: 3px solid #ffffff; /* CUSTOM [CODE 2] */
border-right: 3px solid #ffffff; /* CUSTOM [CODE 2] */
padding:3px 3px 3px 3px;
text-align: center;
}
A.paging_number,
A.paging_number_on{
float:left;
width:20px;
text-align:center;
margin-right:2px;
text-decoration:none;
color:#000000; /* CUSTOM [CODE 1] */
background: #none  left top no-repeat; /* CUSTOM [CODE ] */
}
A.paging_number:hover, A.paging_number_on, A.paging_number_on:hover{
color:#ffffff; /* CUSTOM [CODE 2] */
background: #09428F  left top no-repeat; /* CUSTOM [CODE 5] */
}
/* 9. LAYOUT WEBCENTIVES - PRODUCTLIST ======================================================= */
TABLE.productlist_container{
border-top: 2px solid #969696; /* CUSTOM [CODE ] */
width:625px;
margin-top:25px;
margin-left: 20px;
}
TABLE.productlist_container TD.col1{
padding-top: 5px;
/*text-align: center;*/
width:175px;
}
TABLE.productlist_container TD.col2{
width:450px;
padding-top: 5px;
}
DIV.productlist_content{
margin-left:21px;
}
TABLE.productlist_buttons_containers{
width:100%;
margin-top:17px;
}
TABLE.productlist_buttons_containers TD.col_spacer{
width:4px;
overflow:hidden;
}
TABLE.productlist_buttons_containers TD.col1{
padding-top:4px;
background-color: #C8DD5D; /* CUSTOM [CODE ] */
width:400px;
}
TABLE.productlist_buttons_containers TR.sale TD.col1{
padding-top:4px;
background-color: #009CFF; /* CUSTOM [CODE ] */
width:400px;
}
TABLE.productlist_buttons_containers TD.col2{
}
TABLE.productlist_buttons_containers TD.col3,
TABLE.productlist_buttons_containers TR.sale TD.col3{
text-align:right;
width:50px;
}
DIV.productlist_avg{
float: left;
font-size:12px;
color:#000000; /* CUSTOM [CODE 1] */
margin-left: 20px;
margin-top: -2px;
}
DIV.productlist_avg span{
text-decoration:line-through;
}
DIV.productlist_price_old{
float: left;
font-size:12px;
font-weight:bold;
color:#000000; /* CUSTOM [CODE 1] */
text-decoration:line-through;
margin-left: 20px;
margin-top: -2px;
}
DIV.productlist_price{
float: left;
font-size:14px;
line-height:14px;
font-weight:bold;
text-align:center;
color:#000000; /* CUSTOM [CODE 1] */
margin-left: 20px;
margin-top: 0px;
}
div.tip{
position:absolute;
/*background-color:#FF6600;*/
z-index:1000000;
}
div.tip div.bullit{
font-size:150px;
line-height:42px;
overflow:hidden;
color:#009CFF;						
}
div.tip div.text{
position:absolute;
color:#fff;
font-weight:bold;
font-size:13px;
line-height:39px;
text-indent:14px;
}
div.product_orderblock_left
{
	float: left;
	width: 75px;
	font-weight: bold;
	margin: 0px;
}
div.product_orderblock_right
{
	float: left;
	width: 150px;
	margin: 0px;
}
/*------------------------------------------------------------------
1. GENERAL
2. COLOR STYLES
3. IMAGE STYLES
4. BUTTON STIJLEN
5. FORM
-------------------------------------------------------------------*/
/* 1. GENERAL ========================================================================== */		
H1{
	font-size: 12px;
	line-height: 30px;
	font-weight:bold;
	color:#ffffff; /* CUSTOM [CODE 2] */
	text-indent:10px;
	text-align:left;
	margin-bottom:4px;
	background: #09428F  no-repeat left top; /* CUSTOM [CODE 5] */ 
	border-left: 11px solid #C8DD5D; /* CUSTOM [CODE 6] */ 
}
H1 A, H1 A:hover{
	font-weight:bold;
	color:#ffffff;/* CUSTOM [CODE 2] */
}	
H2{
	font-size: 12px;
	line-height: 30px;
	font-weight:bold;
	color:#ffffff;/* CUSTOM [CODE 2] */
	text-indent:10px;
	text-align:left;
	margin-bottom:4px;
	background: #969696  no-repeat left top; /* CUSTOM [CODE 3] */ 
	border-left: 11px solid #C8DD5D; /* CUSTOM [CODE 6] */ 
}
H2 A, H2 A:hover{
	font-weight:bold;
	color:#ffffff;/* CUSTOM [CODE 2] */
}	
.list_head TD H2{
	margin-bottom:0px;
}
H3{
	font-size: 12px;
	line-height: 30px;
	font-weight:bold;
	color:#000000;/* CUSTOM [CODE 1] */
	text-indent:10px;
	text-align:left;
	margin-bottom:8px;
	border-left: 11px solid #09428F; /* CUSTOM [CODE 5] */
}
H3 A, H3 A:hover{
	font-weight:bold;
	color:#000000;/* CUSTOM [CODE 1] */
}	
H4{
	font-size: 12px;
	line-height: 30px;
	font-weight:bold;
	color:#000000;/* CUSTOM [CODE 1] */
	text-indent:10px;
	text-align:left;
	margin-bottom:8px;
	border-left: 11px solid #C8DD5D; /* CUSTOM [CODE 6] */
}
H4 A, H4 A:hover{
	font-weight:bold;
	color:#000000;/* CUSTOM [CODE 1] */
}	
H5{
	font-size: 12px;
	line-height: 23px;
	font-weight:bold;
	color:#ffffff;/* CUSTOM [CODE 2] */
	text-indent:10px;
	text-align:left;
	margin-bottom:4px;
	background: #09428F  no-repeat left top; /* CUSTOM [CODE 5] */ 
}
H5 A, H5 A:hover{
	font-weight:bold;
	color:#ffffff;/* CUSTOM [CODE 2] */
}	
UL{
	list-style-type: square;
	color: #000000; /* CUSTOM [CODE 1] */
	margin: 9px 0px 9px 14px;
	padding: 0px 0px 0px 4px;
}
UL LI{
	color: #000000; /* CUSTOM [CODE 1] */
}
A{
	color: #000000;	 /* CUSTOM [CODE 1] */
	text-decoration: underline; /* CUSTOM */
}	
A:hover{
	color: #09428F; /* CUSTOM [CODE 5] */
	text-decoration: none; /* CUSTOM */
}
A.no_style, A.no_style:hover{
	color: #000000; /* CUSTOM [CODE 1] */
	text-decoration: none;		
}	
HR{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #CCCCCC; /* CUSTOM [CODE 7] */
	margin: 6px 0px 6px 0px;
	clear:left;
}	
html>body HR{	/* FF */
	border-top: 1px solid transparent;
	margin: 11px 0px 11px 0px;	
} 
/* 2. COLOR STYLES ************************************************************************** */
.color1, .color1 A, .color1 A:hover, A.color1, A.color1:hover{ 	color: #09428F;	}	/* blue */ /* CUSTOM [CODE 5] */
.color2, .color2 A, .color2 A:hover, A.color2, A.color2:hover{	color: #C8DD5D;	}	/* green */ /* CUSTOM [CODE 6] */
/* 3. IMAGE STYLES ************************************************************************** */				
IMG.border{				
	border: solid 1px #CCCCCC; /* CUSTOM [CODE 7] */
}	
IMG.floatleft, A.floatleft, A.floatleft:hover{	/* IE bug : do not apply border on A IMG but directly on the A tag */				
	border: solid 1px #CCCCCC; /* CUSTOM [CODE 7] */
	margin:4px 15px 8px 0;
}		
A.floatleft:hover{				
	border: solid 1px #E8E8E8; /* CUSTOM [CODE 8] */
	margin:4px 15px 8px 0;
}					
IMG.floatright, A.floatright, A.floatright:hover{ 				
	border: solid 1px #CCCCCC; /* CUSTOM [CODE 7] */
	margin:4px 0 8px 15px;
}		
A.floatright:hover{				
	border: solid 1px #E8E8E8; /* CUSTOM [CODE 8] */
	margin: 4px 0 8px 15px;
}	
	
/* 4. BUTTON STIJLEN ************************************************************************* */				
/* DEFAULT BUTTON STYLE - same for every button */
A.button,
A.button_lightgrey,
A.button_basket,
A.button_basket_reversed,
A.button2,
.button2{				
	display:block;
	font-size: 12px;
	line-height: 23px;
	height:23px;
	font-weight:bold;	
	text-indent:10px;
	text-align:left;
	text-decoration:none;
}
/* IE 6 FIX HIERARCHIE */
TD.row1 A.button,TD.row2 A.button,TD.row3 A.button,
TD.row1 A.button_lightgrey,TD.row2 A.button_lightgrey,TD.row3 A.button_lightgrey,
TD.row1 A.button_basket,TD.row2 A.button_basket,TD.row3 A.button_basket,
TD.row1 A.button_basket_reversed,TD.row2 A.button_basket_reversed,TD.row3 A.button_basket_reversed,
TD.row1 A.button2,TD.row2 A.button2,TD.row3 A.button2,
TD.row1 DIV.button2,TD.row2 DIV.button2,TD.row3 DIV.button2,
TD.row1 TD.paging_button A, TD.row2 TD.paging_button A,TD.row3 TD.paging_button A,
TD.row1 A.paging_number,TD.row2 A.paging_number,TD.row3 A.paging_number,
TD.row1 A.paging_number_on,TD.row2 A.paging_number_on,TD.row3 A.paging_number_on
{
	text-decoration:none;
}
/* #1 ------------------- */
A.button, DIV.button{				
	color:#000000;/* CUSTOM [CODE 1] */
	margin-bottom:4px;
	background: #E8E8E8  no-repeat left top; /* CUSTOM [CODE 8] */ 
	text-decoration:none;
}
A.button:hover{				
	color:#ffffff;/* CUSTOM [CODE 2] */
	margin-bottom:4px;
	background: #09428F  no-repeat left top; /* CUSTOM [CODE 5] */
}
A.button2, .button2{				
	color:#000000;/* CUSTOM [CODE 1] */
	margin-bottom:4px;
	background: #C8DD5D  no-repeat left top; /* CUSTOM [CODE 6] */ 
}
A.button2:hover, .button2:hover{				
	color:#ffffff;/* CUSTOM [CODE 2] */
	margin-bottom:4px;
	background: #09428F  no-repeat left top; /* CUSTOM [CODE 5] */ 
}
/* #2 ------------------- */
A.button_lightgrey{				
	color:#000000;/* CUSTOM [CODE 1] */
	background: #F5F5F5  no-repeat left top; /* CUSTOM [CODE ] */ 
}
A.button_lightgrey:hover{				
	color:#ffffff;/* CUSTOM [CODE 2] */
	background: #09428F  no-repeat left top; /* CUSTOM [CODE 5] */ 
}
/* #3 ------------------- */
A.button_basket, A.button_basket_reversed:hover{
	width:100px;
	background:#F5F5F5 url(Sparco/gfx/basket_black.gif) no-repeat 69px 4px; /* CUSTOM [CODE ] */ 
}
A.button_basket:hover, A.button_basket_reversed{
	width:100px;
	color: white;
	background:#09428F url(Sparco/gfx/basket_white.gif) no-repeat 69px 4px; /* CUSTOM [CODE 5] */
}
/* #4 PRODUCTLIST ------------------- */
TABLE.productlist_buttons_containers A.button_lightgrey:hover{
	background-color: #C8DD5D; /* CUSTOM [CODE 6] */
}
TABLE.productlist_buttons_containers TR.sale A.button_lightgrey:hover{
	background-color: #09428F; /* CUSTOM [CODE 5] */
}	
TABLE.productlist_buttons_containers A.button_basket:hover{
	background-color: #C8DD5D; /* CUSTOM [CODE 6] */
}
TABLE.productlist_buttons_containers TR.sale A.button_basket:hover{
	background-color: #009CFF;}; /* CUSTOM [CODE 5] */ /* THE LIGHT BLUE HAS NOT BEEN SET AS AN EDITABLE COLOR!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
}
/* 5. FORM ************************************************************************* */	
.column{
	font-size: 12px;
	line-height: 23px;
	font-weight:bold;
	width:100%;
	display:block;
    color:#000000; /* CUSTOM [CODE 1] */ 
	text-indent:10px;
	text-align:left;
	margin-bottom:4px;
	background-color: #E8E8E8; /* CUSTOM [CODE 8] */ 
	cursor:default;
	clear:left;
}
DIV.column{ /* FF fix (?) */
	font-size: 12px;
	line-height: 23px;
	font-weight:bold;
	width:100%;
	display:block;
    color:#000000; /* CUSTOM [CODE 1] */ 
	text-indent:10px;
	text-align:left;
	margin-bottom:4px;
	background-color: #E8E8E8; /* CUSTOM [CODE 8] */ 
	cursor:default;
	clear:left;
}
#preview
{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
/*------------------------------------------------------------------
1. TOPMENU
2. MENU
-------------------------------------------------------------------*/
/* 1. TOPMENU =============================================== */
DIV#topmenu_container{
float: right;
padding:4px 8px 0px 0px;
}
DIV#topmenu_container A, DIV#topmenu_container A:hover{
float: left;
color: #64737c; /* CUSTOM [CODE 4] */
text-decoration:none; /* CUSTOM */
}
DIV#topmenu_container A:hover{
color: #09428F; /* CUSTOM [CODE ] */
text-decoration:underline; /* CUSTOM */
}
DIV#topmenu_container DIV.topmenu_spacer{
float: left;
padding: 0px 8px;
color: #64737c; /* CUSTOM [CODE 4] */
}
/* 2. MENU =============================================== */
TABLE#menu_container{
width:100%;
}
TABLE#menu_container TD A, TABLE#menu_container TD A.on{
display:block;
width:100%;
line-height:25px;
color:#ffffff; /* CUSTOM [CODE 2] */
background-color:#969696; /* CUSTOM [CODE 3] */
text-decoration:none;
text-align:center;
}
TABLE#menu_container TD A:hover{
color:#969696; /* CUSTOM [CODE 3] */
background-color:#ffffff; /* CUSTOM [CODE 2] */
}
TABLE#menu_container TD A.on, TABLE#menu_container TD A.on:hover{
color:#969696; /* CUSTOM [CODE 3] */
background-color:#ffffff; /* CUSTOM [CODE 2] */
}
/* OGONE */
div.online_payment_form
{
	text-align: center;
	width: 100%;
}
div.online_payment_form input.NCOLINIM
{
	height: auto;
	border: 0px none;
	background-color: white;
}
div.online_payment_form input.ncol
{
	margin: 10px;
	color:#000000;/* CUSTOM [CODE 1] */
	margin-bottom:4px;
	background: #C8DD5D  no-repeat left top; /* CUSTOM [CODE 6] */ 
}
td.ncolh1			{  }
td.ncoltxtl			{ text-align: right; font-weight: bold; font-size: 12px; }
td.ncoltxtl2		{ text-align: right; font-weight: bold; font-size: 12px; }
td.ncoltxtr			{ text-align: left; font-weight: bold; font-size: 12px; }
td.ncoltxtc			{ text-align: center; font-weight: bold; font-size: 12px; }
td.ncolinput		{  }
td.ncolline1		{  }
td.ncolline2		{  }
input.ncol			{  }
td.ncollogoc		{ text-align: center; font-weight: normal; }
table.ncoltable1	{ width: 60%; border: 1px solid black; margin-top: 20px; margin-bottom: 20px; }
table.ncoltable2	{ width: 60%; border: 1px solid black; margin-bottom: 50px; }
table.ncoltable3	{ width: 60%; }


<!--
	Generated by WebPoint® CMS
	Versie 1.2.24199.842 - 17 jul 2024 - EC2AMAZ-G0VO3L6
-->