@charset "utf-8";
/* TECL CSS */

/* HTML ELEMENTS */

/*BACKGROUND & BASIC STYLES*/

html, body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

background-color:#0075BB;
background-image:url(../images/body_bg.jpg);
background-repeat:repeat-x;

}

/*SURROUNDING FRAME STYLES*/

div#wrapper {
width:988px;
height:auto;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}



/* FRAME STYLES*/

div#frame {
position:relative;
float:left;
width:988px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

background-color:#FFFFFF;
border:1px solid #FFFFFF;
}

/*HEADER STYLES*/

div#header {
float:left;
display:inline;
width:988px;
height:96px;
font-size:11px;

}

div#header div.image {
float:left;
display:inline;
width:673px;
height:96px;
}

/*Header Cart*/

div#header div.cart {
float:left;
display:inline;
width:159px;
height:96px;

background-color:#FFEB00;
border-left:1px solid #B9D2E7;
border-right:1px solid #B9D2E7;
}

div#header div.cart div.cartcontent {
float:left;
display:inline;
width:159px;
height:75px;
}

div#header div.cart div.cartcontent div.title {
float:left;
display:inline;
width:144px;
height:15px;
margin:8px 0px 5px 0px;
padding:5px 0px 0px 15px;
text-align:left;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image:url(../images/carttitle_bg.gif);
background-position: 110px 0px;
background-repeat:no-repeat;
}

div#header div.cart div.cartcontent div.products, div#header div.cart div.cartcontent div.price {
float:left;
display:inline;
width:144px;
height:11px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 15px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#header div.cart div.cartcontent div.price {
font-weight:bold;
}

div#header div.cart a.cartlink {
float:left;
display:inline;
width:159px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-decoration:none;

color:#FFFFFF;
border-top:1px solid #FFFFFF;
background-color:#0071B9;
}

div#header div.cart a:hover.cartlink {
background-color:#000000;
}

/*Header Search*/

div#header div.search {
float:left;
display:inline;
width:154px;
height:96px;
overflow:hidden;

background-color:#0071B9;
}

div#header div.search div.normalsearch {
float:left;
display:inline;
width:130px;
height:20px;
margin:12px 0px 0px 10px;
padding:0px 0px 0px 0px;

border:1px solid #0F56A0;
background-color:#FFFFFF;
}

div#header div.search div.normalsearch form {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#header div.search div.normalsearch input.searchfield {
width:104px;
height:17px;
margin:2px 0px 0px 3px;
*margin: 3px 0px 0px 4px;	
_margin: 0px;				
padding:0px 0px 0px 4px;
_padding-top: 2px;
font-size:12px;
float:left;

color:#0071B9;
border:0px none;
}

div#header div.search div.normalsearch  input.searchbutton {
width:17px;
height:18px;
margin:1px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

border:0px none;
background-image:url(../images/normal_search_btn.gif);
background-repeat:no-repeat;
}

div#header div.search a.extendedsearch {
float:left;
width:125px;
height:17px;
margin:3px 0px 0px 10px;
padding:0px 0px 0px 5px;
text-decoration:none;
text-align:left;

color:#FFFFFF;
border:0px none;
background-image:url(../images/extended_search_btn_bg.gif);
background-repeat:no-repeat;
background-position:114px 0px;
}

/*Button block upper right corner (Home Logout Mijn Account Help) */

div#header div.search div.buttonblock {
float:left;
display:inline;
width:154px;
height:42px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

div#header div.search div.buttonblock a.left {
float:left;
display:inline;
width:77px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-decoration:none;

color:#FFFFFF;
border-top:1px solid #73a5d0;
border-right:1px solid #73a5d0;
}

div#header div.search div.buttonblock a.right {
float:left;
display:inline;
width:76px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-decoration:none;

color:#FFFFFF;
border-top:1px solid #73a5d0;
}

div#header div.search div.buttonblock a:hover.left, div#header div.search div.buttonblock a:hover.right {
color:#0071B9;
background-color:#FFE600;
}



/* LEFT MENU STYLES */

div#leftmenu {
float:left;
display:inline;
width:210px;
height:auto;
margin:0px 0px 50px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
overflow:hidden;	
}

div#leftmenu ul{
display:inline;
width:210px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
list-style:none;
}

div#leftmenu ul li{
float:left;
display:inline;
width:210px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#leftmenu li a{
float:left;
display:inline;
width:185px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 25px;
text-decoration:none;	
font-weight:bold;

color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#0071B9;
}

/*sub level indents menu*/

div#leftmenu li a.lvl1, div#leftmenu li a.lvl2{
width:185px;
padding:3px 0px 3px 25px;
}

div#leftmenu li a.lvl3{
width:180px;
padding:3px 0px 3px 30px;
}

div#leftmenu li a.lvl4{
width:175px;
padding:3px 0px 3px 35px;
}

div#leftmenu li a.lvl5{
width:170px;
padding:3px 0px 3px 40px;
}

div#leftmenu li a.lvl6{
width:165px;
padding:3px 0px 3px 45px;
}




/*active, hover and sublevel states*/

div#leftmenu li a.active{
color:#FFEB00;
}

div#leftmenu li a.sub{
font-weight:normal;

color:#0071B9;
border-bottom:1px solid #D0E1EF;/*eyedropper color*/
background-color:#FFFFFF;
}

div#leftmenu li a.subactive{
color:#0071B9;
border-bottom:1px solid #D0E1EF;/*eyedropper color*/
background-color:#E7EFF6;
}

div#leftmenu li a:hover{
color:#0071B9;
background-color:#FFEB00;
}

div#leftmenu li a:hover.sub{
font-weight:bold;

color:#0071B9;
background-color:#FFEB00;
}

/* Left banners styles */

div#leftmenu div#leftbanners {
float:left;
display:inline;
width:155px;
height:auto;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#leftmenu div#leftbanners div.banner{
float:left;
display:inline;
width:210px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#leftmenu div#leftbanners div.banner img{
border:0px none;
}

/* CRUMB STYLES */

div#crumb {
float:left;
display:inline;
width:746px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 32px;
text-align:left;
font-size:11px;

color:#B9D2E7;
}


div#crumb div.seperator {
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 4px 0px 4px;
text-decoration:none;

color:#B9D2E7;
}

div#crumb a {
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;

color:#B9D2E7;
}

div#crumb a:hover {
color:#0071B9;
}

/* CONTENT STYLES */


/*MAIN ELEMENT STYLES IN THE CONTENT AREA*/

div#content div.message, div#content p.message {
	color: #0071B9;	
}

div#content_op div.message {
	color: #0071B9;
	font-size:18px;	
}

div#content h1, div#content_pg h1{
float:left;
display:inline;
width:583px;/*900*/
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:23px;

color:#0071B9;
}

div#content h1.pdp { 
float:left;
display:inline;
width:583px;/*900*/
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:23px;

color:#0071B9;
}

div#content_pg h1.pdp {
float:left;
display:inline;
width:720px;/*900*/
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:23px;

color:#0071B9;
}


div#content h1 a.seemore{
float:left;
display:inline;
width:300px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:12px;

color:#0071B9;
}

div#content p{
float:left;
display:inline;
width:555px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 20px 4px 5px;
text-align:left;
font-size:11px;

color:#000000;
}

/*specific content styles*/

div#content {
float:left;
display:inline;
width:593px;
height:auto;
margin:0px 0px 0px 0px;
padding:10px 10px 15px 20px;
text-align:left;
font-size:11px;

color:#000000;
/*background-color:#00FFFF;*/
}

div#content div.section{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 15px 10px;
text-align:left;

background-image:url(../images/dotted_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

/* main (head) banner styles*/

div#content div.mainbanner{
position:relative;
float:left;
display:inline;
width:578px;
height:354px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;

background-position:center 0px;
background-repeat:no-repeat;
}


div#content div.catbanner{ /*height change main banner for categories*/
height:345px;
}


div#content div.mainbanner div.price{
position:absolute;
top:20px;
left:40px;
float:left;
display:inline;
width:113px;
height:113px;
margin:0px 0px 0px 0px;
padding:36px 0px 0px 0px;
text-align:center;
font-size:35px;
font-weight:bold;

color:#FFFFFF;
background-image:url(../images/banners/price_bg.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div#content_pg div.subbanners div.element div.text div.price_small{
background-image:url(../images/65pix_circle.png);
background-position:0 0;
background-repeat:no-repeat;
color:#FFFFFF;
display:inline;
float:left;
font-size:35px;
font-weight:bold;
height:113px;
left:20px;
margin:0;
padding:10px 0 0;
position:absolute;
text-align:center;
top:40px;
width:113px;
}

div#content div.mainbanner div.price_small p{
width:113px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:10px;
font-weight:bold;

color:#FFFFFF;
}

div#content div.mainbanner div.price_small p.sub{
width:113px;
margin:-4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:8px;
font-weight:bold;

color:#FFFFFF;
}




div#content div.mainbanner div.price p{
width:113px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:35px;
font-weight:bold;

color:#FFFFFF;
}

div#content div.mainbanner div.price p.sub{
width:113px;
margin:-4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
}

div#content div.mainbanner div.delivery_tecl{
position:absolute;
top:20px;
right:0px;
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


div#content div.mainbanner div.lefttext{
position:absolute;
bottom:0px;
left:0px;
float:left;
display:inline;
width:200px;
height:auto;
margin:0px 0px 0px 0px;
padding:36px 0px 0px 0px;
text-align:left;
font-size:12px;
font-weight:bold;
}

div#content div.mainbanner div.lefttext h2{
float:left;
display:inline;
width:200px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
text-align:left;
font-size:16px;

color:#0071B9;
}

div#content div.mainbanner div.lefttext h2.cat{
padding:0px 0px 0px 0px;
}

div#content div.mainbanner div.lefttext a{
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
text-decoration:none;
text-align:left;
font-size:11px;

color:#000000;
background-image:url(../images/arrow_black.gif);
background-position: right 4px;
background-repeat:no-repeat;
}

div#content div.mainbanner div.lefttext a:hover{
color:#FECC00;
background-image:url(../images/arrow_yellow.gif);
}


div#content div.mainbanner div.rightlinks{
position:absolute;
bottom:0px;
right:0px;
float:left;
display:inline;
width:110px;
height:auto;
margin:0px 0px 0px 0px;
padding:36px 0px 0px 0px;
text-align:right;
font-size:12px;
font-weight:bold;
}

div#content div.mainbanner div.rightlinks a{
text-decoration:none;
font-size:11px;
}

div#content div.mainbanner div.rightlinks a.yellow{
color:#0071B9;
}

div#content div.mainbanner div.rightlinks a:hover.yellow{
color:#FECC00;
}

div#content div.mainbanner div.rightlinks a.blue{
color:#000000;
}

div#content div.mainbanner div.rightlinks a:hover.blue{
color:#0071B9;
}

/*sub banners homepage*/

div#content div.subbanners{
position:relative;
float:left;
display:inline;
width:593px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:center;

background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content div.subbanners div.element{
float:left;
display:inline;
width:192px;
height:auto;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-align:center;
cursor: pointer;

background-image:url(../images/dotted_light_blue_down.gif);
background-position:top right;
background-repeat:repeat-y;
}

div#content div.subbanners div.element div.image{
float:left;
display:inline;
width:192px;
height:auto;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content div.subbanners div.element div.text{
float:left;
display:inline;
width:192px;
height:auto;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content div.subbanners div.element div.text h3{
float:left;
display:inline;
width:125px;
height:45px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
text-align:left;
font-size:14px;
font-weight:bold;
color:#0071B9;

}

div#content div.subbanners div.element div.text p{
float:left;
display:inline;
width:177px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
text-align:left;
font-size:14px;
font-weight:bold;

color:#0071B9;
}


div#content div.subbanners div.element div.buttons{
float:left;
display:inline;
width:182px;
height:auto;
margin:0px 0px 5px 0px;
padding:0px 10px 0px 0px;
text-align:right;
}

/*div#content div.subbanners div.element div.buttons img, div#content div.subbanners div.element div.buttons a {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px none;
}*/

div#content div.subbanners div.element div.buttons div.cartbutton{
float:right;
display:inline;
width:34px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content div.subbanners div.element div.buttons input.cart{
float:right;
display:inline;
width:34px;
height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/cart_blue.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#content div.subbanners div.element div.buttons input.cart_transparent{
float:right;
display:inline;
width:34px;
height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/cart_transparent.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#content div.subbanners div.element div.buttons input.cart_transparent{
float:right;
display:inline;
width:34px;
height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/cart_transparent.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content div.subbanners div.element div.buttons div.infobutton{
float:right;
display:inline;
width:23px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
margin-left:5px;
}

div#content div.subbanners div.element div.buttons input.info{
float:right;
display:inline;
width:23px;
height:24px;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/info_icon.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#content div.subbanners div.element div.buttons input.info_transparent{
float:right;
display:inline;
width:23px;
height:24px;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/info_icon_transparent.gif);
background-repeat:no-repeat;
background-position:top left;
}

/*categorie list style*/

div#content div.categories{
position:relative;
float:left;
display:inline;
width:593px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:center;
}

div#content div.categories div.row{
position:relative;
float:left;
display:inline;
width:593px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:center;

background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content div.categories div.row div.element{
float:left;
display:inline;
width:290px;
height:auto;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-align:center;

background-image:url(../images/dotted_light_blue_down.gif);
background-position:top right;
background-repeat:repeat-y;
}

div#content div.categories div.row div.element2{
float:left;
display:inline;
width:290px;
height:auto;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content div.categories div.row div.element div.image, div#content div.categories div.row div.element2 div.image{
float:left;
display:inline;
width:43px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content div.categories div.row div.element div.text a, div#content div.categories div.row div.element2 div.text a{
float:left;
display:inline;
width:220px;
height:32px;
margin:0px 0px 0px 0px;
padding:13px 0px 0px 5px;
text-decoration: none;
text-align:left;
font-size:13px;
font-weight:bold;

color:#0071B9;
}

/*content product group specific styles*/

div#content_pg {
float:left;
display:inline;
width:726px;
height:auto;
margin:0px 0px 0px 0px;
padding:10px 10px 15px 20px;
text-align:left;
font-size:11px;

color:#000000;
/*background-color:#00FFFF;*/
}

div#content_pg div.section_pg{
float:left;
display:inline;
width:723px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 15px 10px;
text-align:left;

background-image:url(../images/dotted_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content_pg h1 {
width:563px;
}

div#content_pg div.pageposition {
float:right;
display:inline;
width:85px;
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
font-weight:bold;
text-align:right;

color:#0071B9;
}

/*product list styles*/


div#content_pg div.productholder{
float:left;
display:inline;
width:731px;
height:auto;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/productlist_bg.gif);
background-position: top right;
background-repeat:repeat-y;
}

div#content_pg div.headers {
margin:0px 0px 0px 0px;
}

div#content_pg div.productholder div.row div{ /*main declaration of the row div's underlying div's*/
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

color:#0071B9;
}



div#content_pg div.productholder div.image{
float:left;
display:inline;
width:716px;
height:auto;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 15px;

}

div#content_pg div.productholder div.image img{
border:0px none;
}

div#content_pg div.productholder div.title{
float:left;
display:inline;
width:701px;
height:auto;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 30px;
font-size:16px;
font-weight:bold;

color:#FFFFFF;
background-color:#0071B9;
}

/*start of productlist row styles*/

div#content_pg div.productholder div.row{
float:left;
display:inline;
width:731px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

div#content_pg div.productholder div.head{ /*added style for the headers row of the product group list (uitvoering, art nr, aantal, etc)*/
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
font-weight:bold;

background-color:#FFFFFF;
background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content_pg div.productholder div.row div.check{
float:left;
display:inline;
width:31px;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

div#content_pg div.productholder div.row div.check input.box{
float:left;
display:inline;
width:31px;
height:auto;
margin:1px 0px 0px 0px;
#margin:-3px 0px 0px 0px;/*fix for top margin of checkbox in IE*/
padding:0px 0px 0px 0px;

}

div#content_pg div.productholder div.row div.model, div#content_pg div.productholder div.row div.model a{
float:left;
display:inline;
width:291px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;

color:#0071B9;
}

div#content_pg div.productholder div.row div.model{
margin:4px 0px 0px 0px;
}

div#content_pg div.productholder div.row div.articlenr{
float:left;
display:inline;
width:76px;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content_pg div.productholder div.row div.orderfactor{
float:left;
display:inline;
width:54px;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content_pg div.productholder div.row div.quantity{
float:left;
display:inline;
width:76px;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}

div#content_pg div.productholder div.row div.quantity input.q_fld{
float:none;
display:inline;
position: relative;
bottom: 2px;
width:53px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

border:1px solid #96B9D9;
}


div#content_pg div.productholder div.row div.unit{
float:left;
display:inline;
width:76px;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}

/*no longer used in current overview*/

/*
div#content_pg div.productholder div.row div.grossunit{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;

}*/

div#content_pg div.productholder div.row div.net{
float:left;
display:inline;
width:76px;
height:auto;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;

}

div#content_pg div.productholder div.row div.order{
float:left;
display:inline;
width:50px;
height:auto;
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}

div#content_pg div.productholder div.row div.order button.orderbtn {
float:none;
display:inline;
width:28px;
height:19px;
margin:-2px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}


div#content_pg div.compare{
float:left;
display:inline;
width:170px;
height:auto;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
text-align:left;

}

div#content_pg div.compare button{
float:none;
display:inline;
width:158px;
height:31px;
margin:-2px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}


/*end of productlist row styles*/

/*productdetail specific styles*/


/* mainbanner on product detail page styles*/

div#content_pg div.mainbanner{
position:relative;
float:left;
display:inline;
width:733px;
height:354px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;

background-position:center 0px;
background-repeat:no-repeat;
}

div#content_pg div.mainbanner div.orderfields {
	width: 200px;
	position: relative;
	left: 550px;
}

div#content_pg div.mainbanner div.orderfields div.pdprow {
	display:inline;
	float:left;
	height:auto;
	margin:5px 0 0;
	padding:0;
	text-align:left;
	width:250px;
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.label {
	color:#0071B9;
	display:inline;
	float:left;
	font-size:11px;
	height:auto;
	margin:0;
	padding:3px 0 0 10px;
	text-align:left;
	width:130px;
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.content {
	display:inline;
	float:left;
	font-size:11px;
	height:auto;
	margin:3px 0 0;
	padding:0 10px 0 0;
	position:relative;
	text-align:left;	
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.content div.cartbutton{
	float:left;
	display:inline;
	width:34px;
	height:auto;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	font-size:11px;
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.content div.cartbutton input.cart{
	float:left;
	display:inline;
	width:34px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	
	color:#FFFFFF;
	border:0px none;
	background-image:url(../images/cart_blue.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.headlabel{
	float:left;
	display:inline;
	width:165px;
	height:auto;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	
	color:#0071B9;
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.content div.preferencebutton{
	float:left;
	display:inline;
	width:34px;
	height:auto;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	font-size:11px;
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.content input.preference{
	float:left;
	display:inline;
	width:34px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	
	color:#FFFFFF;
	border:0px none;
	background-image:url(../images/wish_blue.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#content_pg div.mainbanner div.orderfields div.pdprow div.content input.pdp_q_fld{
float:none;
display:inline;
width:53px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;

border:1px solid #96B9D9;
}

div#content_pg div.mainbanner div.price{
position:absolute;
top:20px;
left:70px;
float:left;
display:inline;
width:113px;
height:113px;
margin:0px 0px 0px 0px;
padding:36px 0px 0px 0px;
text-align:center;
font-size:35px;
font-weight:bold;

color:#FFFFFF;
background-image:url(../images/banners/price_bg.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div#content_pg div.mainbanner div.price p{
width:113px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:35px;
font-weight:bold;

color:#FFFFFF;
}

div#content_pg div.mainbanner div.price p.sub{
width:113px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
}

div#content_pg div.mainbanner div.delivery_tecl{
position:absolute;
top:20px;
right:0px;
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* product detail page menu styles*/

div#pdpmenuholder {
float:left;
display:inline;
width:733px;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;


background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#pdpmenuholder a.compare, div#content_pg div.pdpcontentholder  a.compare{
float:left;
display:inline;
width:auto;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
text-decoration:underline;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_right_blue.gif);
background-repeat:no-repeat;
background-position: right top;
}

div#pdpmenuholder div#pdpmenu{
position:relative;
float:right;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


div#pdpmenuholder div#pdpmenu img.borderhider { /*this image hides the 7 pixels of border on the upper left corner*/
position:absolute;
top:0px;
left:0px;
float:left;
width:7px;
height:1px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist {
float:left;
display:inline;
width:auto;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li{
float:left;
display:inline;
width:auto;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:1px solid #c8d9ee;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li a{ /*standard dark blue bg tab color*/
float:left;
display:inline;
width:auto;
height:24px;
margin:0px 0px 0px 0px;
padding:6px 23px 0px 30px;
text-decoration: none;
font-weight:bold;
font-size:12px;

color:#FFFFFF;
background-color:#0E70B3;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li a.active{ /*active light blue bg tab color*/
color:#0071B9;
background-color:#e7eff6;
}

/*different backgrounds to fake the angled corners of the product detail tabs*/

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li a.left{ /*added class when the most left tab is inactive*/
background-image:url(../images/pdp_tabs/left_normal_bg.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li a.middle{  /*added class when the middle classes are inactive*/
background-image:url(../images/pdp_tabs/middle_normal_bg_blue.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li a.right{ /*added class when the most right tab is active*/
background-image:url(../images/pdp_tabs/right_normal_bg.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li a.leftactive{ /*added class when the most left tab is active*/
background-image:url(../images/pdp_tabs/left_active_bg.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

div#pdpmenuholder div#pdpmenu ul#pdpmenulist li a.righttoactive{  /*added class when tab on the left to this tab is active*/
background-image:url(../images/pdp_tabs/righttoactive_bg.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}


/*pdp content styles*/

div#content_pg div.pdpcontentholder{
float:left;
display:inline;
width:733px;
height:auto;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content_pg div.pdpcontentholder div.pdprow{
float:left;
display:inline;
width:733px;
height:auto;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content_pg div.pdpcontentholder div.pdprow2{
float:left;
display:inline;
width:725px;
height:auto;
margin:25px 0px 0px 8px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content_pg div.pdpcontentholder div.pdprow div.headlabel{
float:left;
display:inline;
width:165px;
height:auto;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-align:left;
font-size:11px;
font-weight:bold;

color:#0071B9;
}

div#content_pg div.pdpcontentholder div.pdprow div.label{
float:left;
display:inline;
width:165px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 10px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_pg div.pdpcontentholder div.pdprow div.content{
position:relative;
float:left;
display:inline;
width:528px;
height:auto;
margin:3px 0px 0px 0px;
padding:0px 10px 0px 0px;
text-align:left;
font-size:11px;
}

div#content_pg div.pdpcontentholder div.pdprow div.blue{
height:103px;
margin:5px 0px 5px 0px;

background-color:#F2F7FA;
}

div#content_pg div.pdpcontentholder div.pdprow div.content div.name{
float:left;
display:inline;
width:518px;
height:auto;
margin:10px 0px 0px 10px;
padding:0px 10px 0px 0px;
text-align:left;
font-size:11px;
}

div#content_pg div.pdpcontentholder div.pdprow div.content div.name h2{
float:left;
display:inline;
width:528px;
height:auto;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:15px;

color: #0071B9;
}
div#content_pg div.pdpcontentholder div.pdprow div.content div.measure{
float:left;
display:inline;
width:508px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 10px 0px 20px;
text-align:left;
font-size:11px;

color: #0071B9;
}

div#content_pg div.pdpcontentholder div.pdprow div.content div.number{
float:left;
display:inline;
width:508px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 20px;
text-align:left;
font-size:11px;

color: #0071B9;
}


div#content_pg div.pdpcontentholder div.pdprow div.content div.price{
float:left;
display:inline;
width:508px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
text-align:right;
font-size:16px;
font-weight:bold;

color: #0071B9;
}

div#content_pg div.pdpcontentholder div.pdprow div.content p{
float:left;
display:inline;
width:528px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:left;
font-size:11px;
}

div#content_pg div.pdpcontentholder div.pdprow div.content td p {
	width: auto;
}

/*
div#content_pg div.pdpcontentholder div.pdprow div.content ul{
float:left;
display:inline;
width:518px;
height:auto;
margin:0px 0px 0px 10px;
#margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:left;
font-size:11px;
}

*/

div#content_pg div.pdpcontentholder div.pdprow div.content ul{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 15px;
}

div#content_pg div.pdpcontentholder div.pdprow div.content a, div#content_pg div.pdpcontentholder div.pdprow div.content a img{
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-decoration:none;
text-align:left;
font-size:11px;
cursor:pointer;

color:#000000;
border:0px none;
}


div#content_pg div.pdpcontentholder div.pdprow div.content div.preferencebutton{
float:left;
display:inline;
width:34px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content_pg div.pdpcontentholder div.pdprow div.content input.preference{
float:left;
display:inline;
width:34px;
height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/wish_blue.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content_pg div.pdpcontentholder div.pdprow div.content a span{
float:left;
display:inline;
width:auto;
height:auto;
margin:5px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-decoration:none;
text-align:left;
font-size:11px;
cursor:pointer;

color:#000000;
border:0px none;
}


div#content_pg div.pdpcontentholder div.pdprow div.content input.pdp_q_fld{
float:none;
display:inline;
width:53px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;

border:1px solid #96B9D9;
}

div#content_pg div.pdpcontentholder div.pdprow div.content a.cart, div#content_pg div.pdpcontentholder div.pdprow div.content img.cart{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

border:0px none;
}





/*order proces specific styles*/


div#content_op {
float:left;
display:inline;
width:958px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 10px 15px 20px;
text-align:left;
font-size:11px;

color:#000000;
background-image:url(../images/header_op_bg.gif);
background-position:0px 0px;
background-repeat:repeat-x;
}

div#content_op div.backbutton{
float:none;
width:386px;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
text-align:left;
font-size:11px;
font-weight:bold;
}

div#content_op div.backbutton a.backstore {
float:left;
width:auto;
height:20px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 24px;
text-decoration:none;
text-align:left;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
border:0px none;
background-image:url(../images/back_2_store_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content_op div.header_op div.titles{
float:left;
display:inline;
width:386px;
height:auto;
margin:-2px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:23px;
font-weight:normal;

color:#0071B9;
}

div#content_op div.header_op h1{
float:left;
display:inline;
width:386px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:23px;
font-weight:normal;

color:#0071B9;
}

div#content_op h2{
float:left;
display:inline;
width:600px;
height:auto;
margin:-26px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:12px;
font-weight:normal;

color:#0071B9;
}

div#content_op div.header_op{
float:left;
display:inline;
width:945px;
height:auto;
margin:0px 13px 0px 0px;
padding:0px 0px 15px 0px;
text-align:left;

background-image:url(../images/dotted_blue.gif);
background-position:4px bottom;
background-repeat:repeat-x;
}

div#content_op div.header_op div.ordersteps {
float:right;
display:inline;
width:500px;
height:auto;
margin:-29px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
}

div#content_op div.header_op div.ordersteps div.stepby{
float:right;
display:inline;
width:150px;
height:auto;
margin:0px 0px 0px 0px;
padding:27px 10px 0px 0px;
text-align:left;
font-size:23px;

color:#0071B9;
}

div#content_op div.header_op div.ordersteps div.step{
float:right;
display:inline;
width:280px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
font-weight:bold;
}

div#content_op div.header_op div.ordersteps div.image{
float:right;
display:inline;
width:70px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
font-weight:bold;
}

div#content_op div.header_op div.ordersteps div.ordersteptext{
position:relative;
float:right;
display:inline;
width:500px;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
font-weight:bold;
}

div#content_op div.header_op div.ordersteptext div.text{
position:absolute;
float:right;
display:inline;
width:100px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
font-weight:bold;
}

div#content_op div.header_op div.ordersteptext div.step1{
top:0px;
left:205px;
}

div#content_op div.header_op div.ordersteptext div.step2{
top:0px;
left:273px;
}

div#content_op div.header_op div.ordersteptext div.step3{
top:0px;
left:343px;
}

div#content_op div.header_op div.ordersteptext div.step4{
top:0px;
left:414px;
}

div#content_op div.productholder{
float:left;
display:inline;
width:945px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/orderlist_bg.gif);
background-position: top right;
background-repeat:repeat-y;
}

div#content_op div.phblue{
background-image:url(../images/orderlist_bluerow_bg.gif);
}

div#content_op div.headers {
margin:0px 0px 0px 0px;
padding:35px 0px 5px 0px;
}

div#content_op div.productholder div.row div{ /*main declaration of the row div's underlying div's*/
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

color:#0071B9;
}

/*start of productlist row styles*/

div#content_op div.productholder div.row{
float:left;
display:inline;
width:945px;
height:auto;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 0px;
}

div#content_op div.productholder div.head{ /*added style for the headers row of the product group list (uitvoering, art nr, aantal, etc)*/
width:945px;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
font-weight:bold;

color:#000000;
/*background-color:#FFFFFF;*/
}

div#content_op div.productholder div.row div.model, div#content_op div.productholder div.row div.model a{
float:left;
display:inline;
width:421px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;

color:#0071B9;
}

div#content_op div.productholder div.row div.model a, div#content_op div.productholder div.head div.model{
width:409px;
padding:0px 0px 0px 12px;

}

div#content_op div.productholder div.row div.articlenr{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content_op div.productholder div.row div.orderfactor{
float:left;
display:inline;
width:77px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content_op div.productholder div.row div.quantity{
float:left;
display:inline;
width:79px;
height:auto;
margin:0x 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

/*
div#content_op div.productholder div.row div.quantity{
margin:-2px 0px 0px 0px;
padding:0px 0px 0px 0px;
}*/

div#content_op div.productholder div.row div.quantity input.q_fld{
float:none;
display:inline;
width:53px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

border:1px solid #96B9D9;
}


div#content_op div.productholder div.row div.unit{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}

/*no longer used in current overview*/

/*
div#content_op div.productholder div.row div.grossunit{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;

}*/

div#content_op div.productholder div.row div.net{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;

}

div#content_op div.productholder div.row div.total{
float:left;
display:inline;
width:60px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 8px;
text-align:right;
font-weight:bold;

}

div#content_op div.productholder div.row div.remove{
float:left;
display:inline;
width:60px;
height:auto;
margin:-4px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:center;

}

div#content_op div.productholder div.row div.remove button.removebtn {
float:none;
display:inline;
width:22px;
height:20px;
margin:-4px 0px 4px 0px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}

/*ordergegevens in step 1 of order proces styles (bottom left)*/

div#content_op div.orderinfo {
float:left;
display:inline;
width:497px;
height:auto;
margin:22px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content_op div.orderinfo div.head{
float:left;
display:inline;
width:485px;
height:20px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
background-color:#1569b1;
}

div#content_op div.orderinfo div.row{
float:left;
display:inline;
width:485px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.orderinfo div.row div.label{
float:left;
display:inline;
width:142px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.orderinfo div.row div.content{
float:left;
display:inline;
width:332px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.orderinfo div.row div.content textarea.comment{
width:332px;
height:127px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_op div.orderinfo div.row div.content input.txtfld{
float:left;
display:inline;
width:332px;
height:20px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 3px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_op div.orderinfo div.row div.content input.type_a{
width:280px;
}

div#content_op div.orderinfo div.row div.content input.type_b{
width:332px;
_width: 328px;
}

div#content_op div.orderinfo div.row div.content input.type_c{
width:192px;
}

div#content_op div.orderinfo div.row div.content button.datebtn {
float:right;
display:inline;
width:26px;
height:20px;
margin:1px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}

div#content_op div.orderinfo div.row div.content input.bluebtn {
float:right;
display:inline;
width:134px;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
font-weight:bold;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-color:#1569b1;
}

/*Totaal berekening in step 1 of order proces styles (bottom right)*/

div#content_op div.orderpricetotal {
float:right;
display:inline;
width:369px;
height:auto;
margin:22px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content_op div.orderpricetotal div.head{
float:left;
display:inline;
width:343px;
height:20px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
background-color:#1569b1;
}

div#content_op div.orderpricetotal div.row{
float:left;
display:inline;
width:341px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.orderpricetotal div.row div.label{
float:left;
display:inline;
width:203px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.orderpricetotal div.row div.content{
float:left;
display:inline;
width:60px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 10px 0px 8px;
text-align:right;
font-size:11px;

color:#0071B9;
}

div#content_op div.orderpricetotal div.row div.calcbutton, div#content_op div.orderinfo div.calcbutton{
float:left;
display:inline;
width:341px;
height:auto;
margin:25px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
}

div#content_op div.orderinfo div.calcbutton {
margin:0px 0px 0px 0px;
}

div#content_op div.orderpricetotal div.row div.calcbutton a.calc{
float:left;
display:inline;
width:auto;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_right_blue.gif);
background-repeat:no-repeat;
background-position: left top;
}

div#content_op div.orderpricetotal div.row div.calcbutton input.calc, div#content_op div.orderinfo div.calcbutton input.calc{
float:left;
display:inline;
width:550px;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 19px;
#padding:0px 0px 0px 19px;
text-decoration:none;
text-align:left;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;


color:#0071B9;
border:0px none;
background-color:#FFFFFF;
background-image: url(../images/circle_arrow_right_blue.gif);
background-repeat:no-repeat;
background-position: 0px 5px;
#background-position: 0px 2px;
}

div#content_op div.orderpricetotal div.row div.calcbutton input.calc {
width:250px;
}

div#content_op div.orderpricetotal div.row div.cancelbutton, div#content_op div.orderpricetotal div.row div.nextbutton, div#content_op div.orderpricetotal div.row div.backbutton, div#content_op div.orderpricetotal div.row div.orderbutton{
float:left;
display:inline;
width:341px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content_op div.orderpricetotal div.row div.cancelbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_cancel_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content_op div.orderpricetotal div.row div.nextbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_next_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content_op div.orderpricetotal div.row div.backbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_back_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content_op div.orderpricetotal div.row div.orderbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_order_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}

/*step 2 uw gegevens in the orderproces specific styles*/

div#content_op div.personalinfoform{
float:left;
display:inline;
width:935px;
height:auto;
margin:0px 0px 0px 0px;
padding:9px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.personalinfoform a{
width:auto;
height:auto;
margin:px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#0071B9;
}


div#content_op div.personalinfoform a.left{
float:left;
display:inline;
width:auto;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_left_blue.gif);
background-repeat:no-repeat;
background-position: left top;
}

div#content_op div.personalinfoform a.right{
float:left;
display:inline;
width:auto;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_right_blue.gif);
background-repeat:no-repeat;
background-position: right top;
}


div#content_op div.personalinfoform div.row{
float:left;
display:inline;
width:935px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.personalinfoform div.type_2{
height:60px;
}

div#content_op div.personalinfoform div.blue{
background-color:#F2F7FA;
}


div#content_op div.personalinfoform div.row div.label{
position:relative;
float:left;
display:inline;
width:122px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.personalinfoform div.row div.label2{
position:relative;
float:left;
display:inline;
width:122px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 8px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.personalinfoform div.row p{
position:relative;
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 8px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.personalinfoform div.type_2 div.label{
width:80px;
}

div#content_op div.personalinfoform div.row div.label img.reqfieldicon{
position:absolute;
right:5px;
top:8px;
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.personalinfoform div.row div.content{
float:left;
display:inline;
width:337px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.personalinfoform div.type_2 div.radio{
float:left;
display:inline;
width:20px;
height:43px;
margin:0px 0px 0px 0px;
padding:21px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.personalinfoform div.type_2 div.content{
float:left;
display:inline;
width:600px;
height:41px;
margin:0px 0px 0px 0px;
padding:23px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.personalinfoform div.row div.content input.txtfld{
float:left;
display:inline;
width:293px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 3px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}


div#content_op div.personalinfoform div.row div.content input.type_b{
width:258px;
}

div#content_op div.personalinfoform div.row div.content input.type_c{
width:215px;
}

div#content_op div.personalinfoform div.row div.content input.type_d{
margin-left:3px;
width:31px;
}

div#content_op div.personalinfoform div.row div.content select.slctfld{
float:left;
display:inline;
width:293px;
height:22px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_op div.personalinfoform div.row div.content button.datebtn {
float:left;
display:inline;
width:26px;
height:20px;
margin:0px 0px 0px 9px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}

div#content_op div.orderinfo div.row a{
text-decoration:underline;
font-size:11px;

color:#0071B9;
}

div#content_op div.orderinfo div.row a:hover{
text-decoration:underline;
}




/*step 2 delivery address styles (when not logged in)*/

div#content_op div.deliveryaddressholder{
float:left;
display:inline;
width:500px;
height:auto;
margin:20px 0px 0px 0px; /*temporary fix for bottom margin in orderinfo*/
#margin:0px 0px 0px 0px;
padding:9px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.deliveryaddressholder a{
width:auto;
height:auto;
margin:px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#0071B9;
}


div#content_op div.deliveryaddressholder a.left{
float:left;
display:inline;
width:auto;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_left_blue.gif);
background-repeat:no-repeat;
background-position: left top;
}

div#content_op div.deliveryaddressholder a.right{
float:left;
display:inline;
width:auto;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_right_blue.gif);
background-repeat:no-repeat;
background-position: right top;
}


div#content_op div.deliveryaddressholder div.row{
float:left;
display:inline;
width:468px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.deliveryaddressholder div.type_2{
height:60px;
}

div#content_op div.deliveryaddressholder div.blue{
background-color:#F2F7FA;
}


div#content_op div.deliveryaddressholder div.row div.label{
position:relative;
float:left;
display:inline;
width:122px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.deliveryaddressholder div.row div.label2{
position:relative;
float:left;
display:inline;
width:122px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 8px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.deliveryaddressholder div.row p{
position:relative;
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 8px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.deliveryaddressholder div.type_2 div.label{
width:80px;
}

div#content_op div.deliveryaddressholder div.row div.label img.reqfieldicon{
position:absolute;
right:15px;
top:8px;
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.deliveryaddressholder div.row div.content{
float:left;
display:inline;
width:337px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.deliveryaddressholder div.type_2 div.radio{
float:left;
display:inline;
width:20px;
height:43px;
margin:0px 0px 0px 0px;
padding:21px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.deliveryaddressholder div.type_2 div.content{
float:left;
display:inline;
width:600px;
height:41px;
margin:0px 0px 0px 0px;
padding:23px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.deliveryaddressholder div.row div.content input.txtfld{
float:left;
display:inline;
width:293px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 3px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}


div#content_op div.deliveryaddressholder div.row div.content input.type_b{
width:258px;
}

div#content_op div.deliveryaddressholder div.row div.content input.type_c{
width:221px;
}

div#content_op div.deliveryaddressholder div.row div.content input.type_d{
margin-left:3px;
width:31px;
}

div#content_op div.deliveryaddressholder div.row div.content select.slctfld{
float:left;
display:inline;
width:293px;
height:22px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_op div.deliveryaddressholder div.row div.content button.datebtn {
float:left;
display:inline;
width:26px;
height:20px;
margin:0px 0px 0px 9px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}







/*step 4 in the order proces specific styles*/

div#content_op div.infoboxholder {
position:relative;
float:left;
display:inline;
width:540px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;

}


div#content_op div.infobox {
position:relative;
float:left;
display:inline;
width:215px;
height:161px;
margin:22px 27px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

background-color:#D0E1EF;
}

div#content_op div.type_b {
height:115px;

}

div#content_op div.infobox div.head{
float:left;
display:inline;
width:203px;
height:20px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#1569B1;
}

div#content_op div.infobox div.row{
float:left;
display:inline;
width:203px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.infobox div.row div.label{
float:left;
display:inline;
width:80px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.infobox div.row div.content{
float:left;
display:inline;
width:68px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.infobox div.row div.content2{
float:left;
display:inline;
width:203px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_op div.infobox div.editbtn{
float:left;
display:inline;
width:203px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_op div.infobox div.editbutton{
position:absolute;
bottom:5px;
left:0px;
float:left;
display:inline;
width:203px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}

/*div#content_op div.infobox div.editbutton a.edit{
float:left;
display:inline;
width:auto;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 25px;
text-decoration:none;
font-size:11px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/edit_btn_arrow_bg.gif);
background-repeat:no-repeat;
background-position: left top;
}*/


div#content_op div.infobox div.editbutton input.edit{
float:left;
display:inline;
width:auto;
height:20px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 25px;
text-align:left;
text-decoration:none;
font-size:11px;
font-weight:bold;
cursor:pointer;

color:#0071B9;
border:0px none;
background-color:#D0E1EF;
background-image: url(../images/edit_btn_arrow_bg.gif);
background-repeat:no-repeat;
background-position: 0px 3px;
#background-position: 0px 1px;
}


/* RIGHT STYLES */

div#right {
float:right;
display:inline;
width:155px;
height:auto;
margin:0px 0px 50px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#000000;
}


/* RIGHT MENU STYLES */

div#right div#rightmenu {
float:right;
display:inline;
width:155px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
overflow:hidden;	
margin-bottom:20px; /*margin for the flash banner below the rightmenu */
}

div#right div#rightmenu ul{
display:inline;
width:155px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
list-style:none;
}

div#right div#rightmenu ul li{
float:right;
display:inline;
width:155px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#right div#rightmenu li a{
float:right;
display:inline;
width:130px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 25px;
text-decoration:none;	

color:#0071B9;
border-bottom:1px solid #B9D2E7;
background-color:#FFFFFF;
background-image:url(../images/arrow_blue.gif);
background-position:14px 7px;
background-repeat:no-repeat;
}

div#right div#rightmenu li a.active{
color:#0071B9;
background-color:#e7eff6;
}

div#right div#rightmenu li a:hover{
font-weight:bold;

color:#0071B9;
background-color:#FFEB00;
}

/*right login panel styles*/



div#right div#rightmenu div.login{
float:right;
display:inline;
width:142px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 10px 13px;
text-decoration:none;	

color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
background:none;
background-color:#0071B9;
}

div#right div#rightmenu div.login p{
float:left;
display:inline;
width:142px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 6px 0px;
text-decoration:none;
text-align:left;	
font-size:12px;
font-weight:bold;

color:#FFFFFF;
background:none;
}

div#right div#rightmenu div.login input.login{
float:left;
display:inline;
width:125px;
height:15px;
margin:0px 0px 4px 0px;
padding:3px 0px 3px 4px;
text-decoration:none;	
font-size:12px;

color:#0071B9;
border:0px none;
}



div#right div#rightmenu ul.loginbuttons li a{
float:right;
display:inline;
width:142px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 13px;
text-decoration:none;	

color:#0071B9;
border-bottom:1px solid #FFFFFF;
background:none;
background-color:#FFEB00;
}

/*right banner styles*/

div#right div#rightbanners {
float:left;
display:inline;
width:155px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#right div#rightbanners div.banner{
float:left;
display:inline;
width:155px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#right div#rightbanners div.banner img{
border:0px none;
}

/* right most viewed styles */

div#right div#mostviewed {
float:left;
display:inline;
width:155px;
height:auto;
margin:
px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#right div#mostviewed div.title{
float:left;
display:inline;
width:134px;
height:auto;
margin:0px 0px 0px 0px;
padding:25px 0px 15px 20px;
text-align:left;
font-size:13px;
font-weight:bold;

color:#0071B9;
}

div#right div#mostviewed div.element{
float:left;
display:inline;
width:154px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

background-image:url(../images/dotted_blue.gif);
background-position:top left;
background-repeat:repeat-x;
}

div#right div#mostviewed div.element div.image{
float:left;
display:inline;
width:155px;
height:auto;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}

div#right div#mostviewed div.element div.text{
float:left;
display:inline;
width:145px;
height:auto;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-align:left;
font-weight:bold;
font-size:13px;

color:#0071B9;
}

div#right div#mostviewed div.element div.price{
float:left;
display:inline;
width:145px;
height:auto;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-align:left;
font-weight:bold;
font-size:14px;

color:#0071B9;
}


div#right div#mostviewed div.element div.buttons{
float:left;
display:inline;
width:145px;
height:auto;
margin:0px 0px 5px 0px;
padding:0px 10px 0px 0px;
text-align:right;
}


div#right div#mostviewed div.element div.buttons a, div#right div#mostviewed div.element div.buttons img{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

border:0px none;
}

div#right div#mostviewed div.element {

}

/* FOOTER STYLES */

div#footer {
position:relative;
float:left;
display:inline;
width:988px;
height:99px;

background-image:url(../images/tecl_footer.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#footer div.links {
position:absolute;
bottom:15px;
left:25px;
float:left;
display:inline;
width:auto;
height:auto;
font-size:11px;

color:#FFFFFF;
}

div#footer div.seperator {
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 4px 0px 4px;
text-decoration:none;

color:#B9D2E7;
}

div#footer div.links a {
text-decoration:none;

color:#FFFFFF;
}

div#footer div.links a:hover {

color:#FFEB00;
}










/*Confirmation boxes styles*/

div#confirmationBg {
top: 0px;
left: 0px;
position: absolute;
display: none;
width: 100%;
height: 100%;	
#height: expression(document.body.clientHeight - 0 + "px"); 
z-index: 990;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
background-color: #0071B9;
}

div#confirmationBox {
position:absolute;
top:0px;
left:0px;
display:block;
width: 600px;
height:187px;
margin:0px 0px 0px -10000px; /*negative left margin to initially hide the confirmationBox - Fix for IE6*/
padding:0px 0px 0px 0px;
z-index:999;
text-align:center;
}

div#confirmationBox div.left {
float:left;
display:inline;
width:23px;
height:187px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/confirmbox/confirm_left_bg.png);
background-repeat:no-repeat;
background-position:0px 0px;
}


div#confirmationBox div.content {
position:relative;
float:left;
display:inline;
width:500px;
height:187px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/confirmbox/confirm_stretch_bg.gif);
background-repeat:repeat-x;
background-position:0px 1px;
}

div#confirmationBox div.content div.content {
	width: 400px;
	height: auto;
	background-color: #FFFFFF;
	background-image: none;
	margin-top: -10px;
}

div#confirmationBox div.content div.content h3{
	margin-top: 0px;
	font-size: 13px;
	padding: 0px;
}

div#confirmationBox div.content div.content li {
	list-style: none;
}

div#confirmationBox input#goog-wm-qt {
	border: 1px solid #96B9D9;
}

div#confirmationBox input#goog-wm-sb {
	border: 1px solid #0071B9;
	background-color: #0071B9;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 2px;
}

div#confirmationBox div.content img.confirmtecl{
position:absolute;
top:-257px;
right:-130px;
float:left;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#confirmationBox div.content div.head{
float:left;
display:inline;
width:495px;
height:26px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 5px;
text-align:left;
font-style:italic;
font-size:23px;
font-weight:bold;

color:#FFFFFF;
}

div#confirmationBox div.content div.text{
float:left;
display:inline;
width:495px;
height:75px;
margin:20px 0px 0px 0px;
padding:4px 0px 10px 25px;
text-align:left;
font-size:13px;

color:#0071B9;
}

div#confirmationBox div.content div.text p{
float:left;
display:inline;
width:470px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 0px;
text-align:left;
font-size:13px;
font-weight:bold;

color:#0071B9;
}

div#confirmationBox div.content div.text p.sub{
font-size:11px;
font-weight:normal;
}

div#confirmationBox div.content div.text ul{
float:left;
display:inline;
width:470px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
font-weight:normal;

color:#0071B9;
}

div#confirmationBox div.content div.text ul li{
width:470px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
font-weight:normal;

color:#0071B9;
}

div#confirmationBox div.content div.buttons{
float:left;
display:inline;
width:475px;
height:31px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 25px;
text-align:left;
font-size:13px;

color:#0071B9;
}

div#confirmationBox div.content div.buttons div.button{
float:left;
display:inline;
width:auto;
height:31px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;


background-color:#0071B9;
background-image:url(../images/confirmbox/confirm_btn_left_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#confirmationBox div.content div.buttons div.button a{
float:left;
display:inline;
width:auto;
height:25px;
margin:0px 0px 0px 0px;
padding:6px 14px 0px 13px;
text-align:left;
text-decoration:none;
font-size:14px;
font-weight:bold;
font-style:italic;

color:#FFFFFF;
background-image:url(../images/confirmbox/confirm_btn_right_bg.gif);
background-repeat:no-repeat;
background-position:top right;
}


div#confirmationBox div.right {
float:left;
display:inline;
width:28px;
height:187px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/confirmbox/confirm_right_bg.png);
background-repeat:no-repeat;
background-position:0px 0px;
}









/*image popup on news pages OPENCMS styles*/


div#imageBg {
top: 0px;
left: 0px;
position: absolute;
display: none;
width: 100%;
height: 100%;	
#height: expression(document.body.clientHeight - 0 + "px"); 
z-index: 990;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
background-color: #0071B9;
}

div#imageBox {
position:absolute;
top:0px;
left:0px;
display:block;
width: 602px;
height:auto;
margin:0px 0px 0px -10000px; /*negative left margin to initially hide the confirmationBox - Fix for IE6*/
padding:10px 10px 10px 10px;
z-index:999;
text-align:center;
background-color:#FFFFFF;
}

div#imageBox div.content {
position:relative;
float:left;
display:inline;
width:602px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

div#imageBox div.content img.imagetecl{
position:absolute;
top:-197px;
right:-55px;
float:left;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#imageBox div.content div.image{
float:left;
display:inline;
width:602px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

div#imageBox div.content div.text{
float:left;
display:inline;
width:400px;
height:auto;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:13px;
font-weight:bold;

color:#0071B9;
}

div#imageBox div.content div.button{
float:right;
display:inline;
width:43px;
height:43px;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:13px;
font-weight:bold;

color:#0071B9;
}

div#imageBox div.content div.button a, div#imageBox div.content div.button img {
border:0px none;
}










/*pageable on productlist styles*/

div.pageable {
float:right;
display:inline;
width:auto;
height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;


color:#FFFFFF;
background-color:#0071B9;
}

div.pageable a{
float:left;
display:inline;
width:20px;
height:20px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:center;
text-decoration:none;
font-weight:normal;
font-size:11px;

color:#FFFFFF;
border-right:1px solid #FFFFFF;
background-color:#0071B9;
}

div.pageable a.active{
font-weight:bold;
color:#0071B9;
background-color:#F2F7FA;
}

div.pageable a:hover{
float:left;
display:inline;
width:20px;
height:20px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:11px;

color:#0071B9;
border-right:1px solid #FFFFFF;
background-color:#F2F7FA;
}





/*MAIN element styles to be reused*/

.bld {
font-weight:bold;
}








/*Open CMS styles*/

/*news list page*/

div#content ul.newslist{
float:left;
display:inline;
width:583px;
height:auto;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
list-style:none;
}

div#content ul.newslist li{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:10px 0px 15px 0px;
text-align:left;
font-size:11px;

background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;	
}

div#content ul.newslist li.blue{
background-color:#e7eff6;
}

div#content ul.newslist li.last{
background-image:none;
}

div#content ul.newslist li a{
float:left;
display:inline;
width:563px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
text-align:left;
text-decoration:none;
font-weight:bold;

color:#0071B9;
}

div#content ul.newslist li p{
float:left;
display:inline;
width:563px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 10px 0px 10px;
text-align:left;

color:#0071B9;
}


/*news detail page*/

div#content div.newsholder{
float:left;
display:inline;
width:573px;
height:auto;
margin:15px 0px 0px 0px;
padding:0px 0px 15px 0px;

color:#0071B9;
background-color:#f2f7fa;
}

div#content div.newsholder h2.news{
float:left;
display:inline;
width:563px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 10px;
text-align:left;
font-size:13px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content div.newsholder .leftnews {
float:left;
display:inline;
width:360px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;

color:#0071B9;
}

div#content div.newsholder .leftnews p{
float:left;
display:inline;
width:350px;
height:auto;
margin:7px 0px 0px 0px;
padding:4px 0px 4px 10px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content div.newsholder div.overviewbutton{
float:left;
display:inline;
width:341px;
height:auto;
margin:25px 0px 0px 10px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
}

div#content div.newsholder div.overviewbutton a{
float:left;
display:inline;
width:auto;
height:21px;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 20px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_left_blue_lbbg.gif);
background-repeat:no-repeat;
background-position: left top;
}

div#content div.newsholder .rightnews {
float:left;
display:inline;
width:188px;
height:auto;
margin:0px 0px 0px 0px;
padding:10px 15px 0px 10px;
text-align:right;

color:#0071B9;
}

div#content div.newsholder .rightnews img{
float:none;
display:inline;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

color:#0071B9;
}

div#content div.newsholder .rightnews img{
border:0px none;
}




/*FAQ list page styles*/

div#content div.faqholder{
float:left;
display:inline;
width:573px;
height:auto;
margin:15px 0px 0px 0px;
padding:0px 0px 15px 0px;

color:#0071B9;
}

div#content div.faqholder .faqlist {
float:left;
display:inline;
width:197px;
height:auto;
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;

color:#0071B9;
background-color:#999999;
}


div#content div.faqholder div.faqlist ul{
display:inline;
width:197px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
list-style:none;
}

div#content div.faqholder div.faqlist ul li{
float:left;
display:inline;
width:197px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content div.faqholder div.faqlist li p{
float:left;
display:inline;
width:182px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 15px;
text-decoration:none;	
font-weight:bold;

color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#0071B9;
}

div#content div.faqholder div.faqlist li a{
float:left;
display:inline;
width:182px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 15px;
text-decoration:none;	
font-weight:bold;

color:#0071B9;
border-bottom:1px solid #FFFFFF;
background-color:#FFEB00;
}

div#content div.faqholder div.faqlist li a:hover, div#content div.faqholder div.faqlist li a.active{
background-color:#f2f7fa;
}


div#content div.faqholder .faqcontent {
float:left;
display:inline;
width:360px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
text-align:left;

color:#0071B9;
background-color:#f2f7fa;
}

div#content div.faqholder .qlist {
padding:0px 0px 0px 0px;
}

div#content div.faqholder .faqcontent h2.faq{
float:left;
display:inline;
width:350px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content div.faqholder .faqcontent p{
float:left;
display:inline;
width:338px;
height:auto;
margin:7px 0px 0px 0px;
padding:4px 0px 4px 10px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.faqcontent ul.questions{
display:inline;
width:348px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
list-style:none;
}

div#content div.faqcontent ul.questions li{
float:left;
display:inline;
width:348px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content div.faqcontent ul.questions li a{
float:left;
display:inline;
width:345px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 15px;
text-decoration:none;	
font-weight:bold;

color:#0071B9;
border-bottom:1px solid #FFFFFF;
background-color:#f2f7fa;
}




div#content div.faqholder .faqcontent div.overviewbutton{
float:left;
display:inline;
width:341px;
height:auto;
margin:25px 0px 0px 10px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content div.faqholder .faqcontent div.overviewbutton a{
float:left;
display:inline;
width:auto;
height:21px;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 20px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_left_blue_lbbg.gif);
background-repeat:no-repeat;
background-position: left top;
}


/*compare page styles*/


table.comparetable {
float:left;
display:inline;
width:723px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

table.comparetable td{
width:auto;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;				
}

table.comparetable td.sizetwo{
width:255px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;				
}

table.comparetable td.head{
width:150px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
font-weight:bold;
color:#0071B9;	
background-color:#e7eff6;	
}

table.comparetable td.vertiline{
width:5px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;

background-image:url(../images/dotted_light_blue_down.gif);
background-position:top center;
background-repeat:repeat-y;	
}
	

table.comparetable td.horiline{
width:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/dotted_light_blue.gif);
background-position:center left;
background-repeat:repeat-x;	
}			

table.comparetable a.productLink{
float:left;
display:inline;
width:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
font-weight:bold;

color:#000000;
}

table.comparetable img{
width:120px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
border:0px none;				
}	

table.comparetable input.deletebtn {
color:#FFFFFF;
border:0px none;
background-color:#0071B9;
padding:5px 5px 5px 5px;
cursor:pointer;
}

table.comparetable ul{
float:left;
display:inline;
width:auto;
margin:0px 0px 0px 12px;
#margin:0px 0px 0px 0px;				
padding:0px 0px 0px 0px;
text-decoration:none;
}

table.comparetable ul li{
width:auto;
margin:0px 0px 0px 0px;
#margin:0px 0px 0px 0px;				
padding:0px 0px 0px 0px;
text-decoration:none;
}

table.comparetable table.specs {
float:left;
display:inline;
width:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

table.comparetable table.specs td{
width:auto;
margin:0px 0px 0px 0px;
padding:2px 7px 3px 7px;				
}

table.comparetable table.specs td.left{
padding-left:0px;
border-right:1px solid #0071B9;			
}





/*opencms HELP page styles*/

div#content .helpcontent {
float:left;
display:inline;
width:573px;
height:auto;
margin:14px 0px 0px 0px;
padding:0px 0px 20px 0px;
text-align:left;

color:#0071B9;
background-color:#f2f7fa;
}

div#content .hlist {
padding:0px 0px 0px 0px;
}


div#content div.helpcontent h2.help{
float:left;
display:inline;
width:553px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 10px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content div.helpcontent p{
float:left;
display:inline;
width:548px;
height:auto;
margin:10px 0px 0px 0px;
padding:3px 10px 3px 15px;

color:#0071B9;
}

div#content div.helpcontent ul.questions{
display:inline;
width:563px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
list-style:none;
}

div#content div.helpcontent ul.questions li{
float:left;
display:inline;
width:563px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content div.helpcontent ul.questions li a{
float:left;
display:inline;
width:548px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 10px 3px 15px;
text-decoration:none;	
font-weight:bold;

color:#0071B9;
border-bottom:1px solid #FFFFFF;
background-color:#f2f7fa;
}



/*delivery terms styles*/


div#content .deliverycontent {
float:left;
display:inline;
width:540px;
height:auto;
margin:14px 0px 0px 0px;
padding:0px 0px 20px 0px;
text-align:left;

color:#0071B9;
background-color:#f2f7fa;
}

div#content .hlist {
padding:0px 0px 0px 0px;
}


div#content div.deliverycontent h2.delivery{
float:left;
display:inline;
width:520px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 10px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content div.deliverycontent p{
float:left;
display:inline;
width:520px;
height:auto;
margin:10px 0px 0px 0px;
padding:3px 10px 3px 15px;

color:#0071B9;
}

div#content div.deliverycontent p span.term {
	font-style: italic;
}

div#content div.deliverycontent p ol.loweralpha li {
	list-style-type: lower-alpha;
}

div#content div.deliverycontent ul {
	float: none;
}

div#content div.deliverycontent ul.questions{
display:inline;
width:563px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
list-style:none;
}

div#content div.deliverycontent ul.questions li{
float:none;
display:inline;
width:563px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content div.deliverycontent ul.questions li a{
float:none;
display:inline;
width:548px;
height:auto;
margin:0px 0px 0px 0px;
padding:3px 10px 3px 15px;
text-decoration:none;	
font-weight:bold;

color:#0071B9;
border-bottom:1px solid #FFFFFF;
background-color:#f2f7fa;
}

div#content div.deliverycontent ul {
	*clear: both;
	*margin-top: 0px;
	*margin-bottom: 0px;
}

div#content div.deliverycontent ul lie {
	*clear: both;
}


/*afhalen en bezorgen styles*/


div#content .takeawaycontent {
float:left;
display:inline;
width:573px;
height:auto;
margin:14px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:left;

color:#0071B9;
background-color:#f2f7fa;
}

div#content .hlist {
padding:0px 0px 0px 0px;
}


div#content div.takeawaycontent h2.takeaway{
float:left;
display:inline;
width:553px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 10px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content div.takeawaycontent p{
float:left;
display:inline;
width:553px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.takeawaycontent div.title{
float:left;
display:inline;
width:553px;
height:auto;
margin:0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
font-weight:bold;

color:#0071B9;
background-color:#FFEB00;
}


div#content div.takeawaycontent div.row{
float:left;
display:inline;
width:528px;
height:auto;
margin:0px 0px 0px 0px;
padding: 5px 10px 5px 10px;

color:#0071B9;
}

div#content div.takeawaycontent div.row div.label{
float:left;
display:inline;
width:148px;
height:auto;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

color:#0071B9;
}

div#content div.takeawaycontent div.row div.content{
float:left;
display:inline;
width:330px;
height:auto;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

color:#0071B9;
}




/*sitemap page styles*/

div#content .sitemapholder {
float:left;
display:inline;
width:573px;
height:auto;
margin:14px 0px 0px 0px;
padding:0px 0px 20px 0px;
text-align:left;

color:#0071B9;
/*background-color:#f2f7fa;*/
}

div#content .sitemapholder a{
display:block;
width:auto;
text-decoration:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#0071B9;
}

div#content .sitemapholder ul li a{
height:15px;
margin: 9px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:13px;
font-weight:bold;
}

div#content .sitemapholder ul li ul li a{
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
font-weight:normal;
}

div#content .sitemapholder ul li ul li ul li a{
margin: 5px 0px 0px 0px;
font-size:11px;
}





/*popupwindow styles*/

#popupwindow {
display:none;
position:absolute;
width:350px;
height:auto;
top:95px;
right:55px;
margin:0px;
padding:0px;
z-index:100;
cursor:default;
text-align:center;

border:1px solid #0071B9;
background-color:#FFFFFF;
color:#0071B9;
}

#popupwindowshade {
display:none;
position:absolute;
width:350px;
height:auto;
top: 103px;
right:52px;
margin:0px;
z-index:99;

opacity: .35;
filter: alpha(opacity=35);
-moz-opacity: .35; 

background:	#000000;
}

.addtobasketpopuparrow {
float:left;
width:340px;
height:22px;
padding-right:10px;
padding-top:3px;
text-align:right;

color:#0071B9;
background-color:#FFEB00;
}

.addtobasketpopuparrow a {

color:#0071B9;
text-decoration:none;
}

.addtobasketpopuparrow a:hover {
color:#0071B9;
text-decoration:none;
}

.addtobasketpopuparrow span {
font-weight:bold;
border:0px none;
padding:1px;
}

.addtobasketpopupheader {
float:left;
width:340px;
height:auto;
padding:5px;
font-weight:bold;
text-align:left;
}

.addtobasketpopupentry {
float:left;
width:350px;
height:auto;
margin:0px;
margin-bottom:2px;
padding:0px;
font-weight:normal;
text-align:left;
}

.addtobasketpopupentrydescription {
float:left;
width:259px;
height:auto;
padding:5px;
font-weight:normal;
text-align:left;
}

.addtobasketpopupentryprice {
float:left;
width:71px;
height:auto;
padding:5px;
font-weight:normal;
text-align:left;

background-color:#f2f7fa;
}

a.addtobasketpopupbutton {
float:left;
height:18px;
width:auto;
margin:5px;
padding-left:5px;
padding-right:5px;
padding-top:4px;
color:#FFFFFF;
background-color:#0071B9;
text-decoration:none;
}

a.addtobasketpopupbutton {
text-decoration:none;
}

.addtobasketpopupfooter {
float:left;
width:340px;
height:20px;
padding-left:10px;
padding-top:0px;
text-align:	left;
font-size:9px;

color:#0071B9;
background-color:#FFEB00;
}

.addtobasketpopupfooter input{
margin-top:3px;
width:10px;
}














/*regular forms with two columns styles*/


div#content p.contacttext {
margin: 0px 0px 0px 0px;
padding: 10px 0px 4px 3px;

color:#0071B9;
}

div#content div.twocolumnform{
position:relative;
float:left;
display:inline;
width:573px;
height:auto;
margin:px 0px 0px 0px;
padding:9px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.twocolumnform h2.formheader{
float:left;
display:inline;
width:553px;
height:auto;
margin:0px 0px 20px 0px;
padding:4px 10px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content div.twocolumnform div.row{
float:left;
display:inline;
width:561px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content div.twocolumnform div.blue{
background-color:#F2F7FA;
}


div#content div.twocolumnform div.row div.label{
position:relative;
float:left;
display:inline;
width:122px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.twocolumnform div.row div.labelsmall, div#content_pg div.twocolumnform div.row div.labelsmall{
position:relative;
float:left;
display:inline;
width:22px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.twocolumnform div.row div.labelsmall input.radio, div#content_pg div.twocolumnform div.row div.labelsmall input.radio {
	*position:relative;
	*top: -4px;
}

div#content div.twocolumnform div.row div.labelsmall input.radio, div#content div.twocolumnform div.row div.contentwide input.radio {
	margin-top:-2px;
}

div#content_pg div.twocolumnform div.row div.labelsmall input.radio, div#content_pg div.twocolumnform div.row div.contentwide input.radio {
	margin-top:-2px;
}

div#content div.twocolumnform div.row div.label img.reqfieldicon{
position:absolute;
right:15px;
top:8px;
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

border:0px none;
color:#0071B9;
}

div#content div.twocolumnform div.row div.content{
float:left;
display:inline;
width:150px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}
div#content div.twocolumnform div.row div.contentwide, div#content_pg div.twocolumnform div.row div.contentwide{
float:left;
display:inline;
width:250px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.twocolumnform div.row div.content input.txtfld{
float:left;
display:inline;
width:140px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 3px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content div.twocolumnform div.row div.content input.type_b{
width:112px;
}

div#content div.twocolumnform div.row div.content input.type_c{
width:85px;
}

div#content div.twocolumnform div.row div.content input.type_d{
margin-left:3px;
width:20px;
}

div#content div.twocolumnform div.row div.content select.slctfld{
float:left;
display:inline;
width:142px;
height:22px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content div.twocolumnform div.row div.content button.datebtn {
float:left;
display:inline;
width:26px;
height:20px;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}


/*regular forms with two columns WITHOUT THE RIGHTBAR styles*/


div#content_pg p.contacttext {
margin: 0px 0px 0px 0px;
padding: 10px 0px 4px 3px;

color:#0071B9;
}

div#content_pg div.twocolumnform{
position:relative;
float:left;
display:inline;
width:723px;
height:auto;
margin:px 0px 0px 0px;
padding:9px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.twocolumnform h2.formheader{
float:left;
display:inline;
width:703px;
height:auto;
margin:0px 0px 20px 0px;
padding:4px 10px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content_pg div.twocolumnform div.row{
float:left;
display:inline;
width:711px;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_pg div.twocolumnform div.blue{
background-color:#F2F7FA;
}


div#content_pg div.twocolumnform div.row div.label{
position:relative;
float:left;
display:inline;
width:141px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 1px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.twocolumnform div.row div.labelwide{
position:relative;
float:left;
display:inline;
width:282px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 1px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.twocolumnform div.row div.label img.reqfieldicon{
position:absolute;
right:0px;
top:8px;
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

border:0px none;
color:#0071B9;
}

div#content_pg div.twocolumnform div.row div.content{
float:left;
display:inline;
width:205px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.twocolumnform div.row div.content2{
	float: left;
	display: inline;
	width: 205px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding:8px 0px 4px 8px;
	text-align:left;
	font-size:11px;

	color:#0071B9;
}

div#content_pg div.twocolumnform div.row div.content input.txtfld{
float:left;
display:inline;
width:195px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 3px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_pg div.twocolumnform div.row div.content input.type_b{
width:167px;
}

div#content_pg div.twocolumnform div.row div.content input.type_c{
width:129px;
}

div#content_pg div.twocolumnform div.row div.content input.type_d{
margin-left:3px;
width:25px;
}

div#content_pg div.twocolumnform div.row div.content select.slctfld{
float:left;
display:inline;
width:197px;
height:22px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_pg div.twocolumnform div.row div.content button.datebtn {
float:left;
display:inline;
width:26px;
height:20px;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}




/*regular forms with one column styles*/


div#content div.onecolumnform{
position:relative;
float:left;
display:inline;
width:573px;
height:auto;
margin:px 0px 0px 0px;
padding:9px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.onecolumnform h2.formheader{
float:left;
display:inline;
width:553px;
height:auto;
margin:0px 0px 20px 0px;
padding:4px 10px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content div.onecolumnform div.row{
float:left;
display:inline;
width:561px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.onecolumnform div.buttons, div#content div.twocolumnform div.buttons{
margin:20px 0px 0px 0px;
}

div#content div.onecolumnform div.blue{
background-color:#F2F7FA;
}


div#content div.onecolumnform div.row div.label{
position:relative;
float:left;
display:inline;
width:199px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 1px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.onecolumnform div.row div.label img.reqfieldicon{
position:absolute;
right:15px;
top:8px;
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

border:0px none;
color:#0071B9;
}

div#content div.onecolumnform div.row div.content{
float:left;
display:inline;
width:353px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.onecolumnform div.row div.content input.txtfld{
float:left;
display:inline;
width:341px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 3px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content div.onecolumnform div.row div.content textarea.areafld{
float:left;
display:inline;
width:341px;
height:150px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content div.onecolumnform div.row div.content input.type_b{
width:313px;
}

div#content div.onecolumnform div.row div.content input.type_c{
width:245px;
}

div#content div.onecolumnform div.row div.content input.type_d{
width:40px;
margin-left:3px;
}

div#content div.onecolumnform div.row div.content select.slctfld{
float:left;
display:inline;
width:342px;
height:22px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content div.onecolumnform div.row div.content button.datebtn {
float:left;
display:inline;
width:26px;
height:20px;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}

div#content div.onecolumnform div.row div.cancelbutton, div#content div.twocolumnform div.row div.cancelbutton, div#content div.preferenceholder  div.row div.cancelbutton , div#content div.orderhistoryholder  div.row div.cancelbutton,  div.rightrow div.cancelbutton {
float:right;
display:inline;
width:174px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content div.onecolumnform div.row div.cancelbutton input, div#content div.twocolumnform div.row div.cancelbutton input, div#content div.preferenceholder  div.row div.cancelbutton input, div#content div.orderhistoryholder  div.row div.cancelbutton input, div.rightrow div.cancelbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_cancel_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#content div.onecolumnform div.row div.sendbutton, div#content div.twocolumnform div.row div.sendbutton, div#content div.preferenceholder  div.row div.sendbutton, div#content div.orderhistoryholder  div.row div.sendbutton,  div.rightrow div.sendbutton{
float:right;
display:inline;
width:174px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}
div#content div.onecolumnform div.row div.sendbutton input, div#content div.twocolumnform div.row div.sendbutton input, div#content div.preferenceholder  div.row div.sendbutton input, div#content div.orderhistoryholder  div.row div.sendbutton input,  div.rightrow div.sendbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_order_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content div.onecolumnform div.row div.resetbutton, div#content div.twocolumnform div.row div.resetbutton, div#content div.preferenceholder  div.row div.resetbutton,  div.rightrow div.resetbutton{
float:right;
display:inline;
width:174px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}
div#content div.onecolumnform div.row div.resetbutton input, div#content div.twocolumnform div.row div.resetbutton input, div#content div.preferenceholder  div.row div.resetbutton input,  div.rightrow div.resetbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_reset_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}




/*regular forms with one column WITHOUT THE RIGHT BAR styles*/

div#content_pg p.contacttext {
width:723px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 4px 3px;

color:#0071B9;
}

div#content_pg div.onecolumnform{
position:relative;
float:left;
display:inline;
width:723px;
height:auto;
margin:px 0px 0px 0px;
padding:9px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.onecolumnform h2.formheader{
float:left;
display:inline;
width:703px;
height:auto;
margin:0px 0px 20px 0px;
padding:4px 10px 4px 10px;
text-align:left;
font-size:11px;

color:#FFFFFF;
background-color:#0071B9;
}

div#content_pg div.onecolumnform div.row{
float:left;
display:inline;
width:711px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.onecolumnform div.buttons, div#content_pg div.twocolumnform div.buttons{
margin:20px 0px 0px 0px;
}

div#content_pg div.onecolumnform div.blue{
background-color:#F2F7FA;
}


div#content_pg div.onecolumnform div.row div.label{
position:relative;
float:left;
display:inline;
width:200px;
height:auto;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.onecolumnform div.row div.label img.reqfieldicon{
position:absolute;
right:15px;
top:8px;
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

border:0px none;
color:#0071B9;
}

div#content_pg div.onecolumnform div.row div.content{
float:left;
display:inline;
width:503px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.onecolumnform div.row div.content input.txtfld{
float:left;
display:inline;
width:491px;
height:18px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 3px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_pg div.onecolumnform div.row div.content textarea.areafld{
float:left;
display:inline;
width:491px;
height:150px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_pg div.onecolumnform div.row div.content input.type_b{
width:463px;
}

div#content_pg div.onecolumnform div.row div.content input.type_c{
width:396px;
}

div#content_pg div.onecolumnform div.row div.content input.type_d{
width:40px;
margin-left:3px;
}

div#content_pg div.onecolumnform div.row div.content input.type_e{
width:250px;
}

div#content_pg div.onecolumnform div.row div.content select.slctfld{
float:left;
display:inline;
width:492px;
height:22px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
border:1px solid #b8d2e7;
}

div#content_pg div.onecolumnform div.row div.content button.datebtn {
float:left;
display:inline;
width:26px;
height:20px;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
text-align:center;
cursor:pointer;

border:0px none;
background-color:transparent;
}

div#content_pg div.onecolumnform div.row div.cancelbutton, div#content_pg div.twocolumnform div.row div.cancelbutton{
float:right;
display:inline;
width:174px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content_pg div.onecolumnform div.row div.cancelbutton input, div#content_pg div.twocolumnform div.row div.cancelbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_cancel_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#content_pg div.onecolumnform div.row div.sendbutton, div#content_pg div.twocolumnform div.row div.sendbutton{
float:right;
display:inline;
width:174px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}
div#content_pg div.onecolumnform div.row div.sendbutton input, div#content_pg div.twocolumnform div.row div.sendbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 38px;
*padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_order_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}

div#content_pg div.onecolumnform div.row div.resetbutton, div#content_pg div.twocolumnform div.row div.resetbutton{
float:right;
display:inline;
width:174px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}
div#content_pg div.onecolumnform div.row div.resetbutton input, div#content_pg div.twocolumnform div.row div.resetbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_reset_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}







/*tooltip example styles*/

div#content div.onecolumnform div.row div.label img.infoicon, div#content_pg div.onecolumnform div.row div.label img.infoicon, div#content div.twocolumnform div.row div.label img.infoicon, div#content_op div.personalinfoform div.row div.label img.infoicon , div#content_op div.deliveryaddressholder div.row div.label img.infoicon {
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

border:0px none;
color:#0071B9;
}

div#content_pg div.twocolumnform div.row div.label img.infoicon  {
float:left;
display:inline;
width:15px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;

border:0px none;
color:#0071B9;
}

div#content_pg div.twocolumnform div.row div.label a.tooltiplink {
position:absolute;
right:0px;
top:8px;
}

div#content_op div.personalinfoform div.row div.label a.tooltiplink {
position:absolute;
right:5px;
top:8px;
}

.tooltiplink {
position:absolute;
right:15px;
top:8px;
}

.tooltip {
position:absolute;
top:32px;
left:0px;
width:200px;
float:left;
display:none;
margin:0px 0px 0px 0px;
padding:4px 4px 4px 4px;

border:1px dotted #0071B9;
background-color:#FFEB00;

}

#selecthider {
position:absolute; 
top:0px;
left:0px;
margin-top:100px; 
margin-left:100px;
display:none; 
width:210px; 
height:auto;
z-index:998;
filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}




/*STYLES CALENDAR POPUP*/


/******* calendar used within auction to select a date *******/

/******* calendar global settings *******/

#calendar { /* all surrounding <div> */
        z-index: +999;
	    /*position: absolute;*/
	    _position:absolute; /*fix for IE6 position problem*/
	    visibility: hidden;	
	    display: none;
}

#calendar table {
	margin-bottom: 0; /* reset default <table> definition */
}

#calendar a, #calendar a:link, #calendar a:visited {

	text-decoration: none;
}
#calendar a:hover, #calendar a:active, #calendar a:focus {
	background: none;
}
/* hover styles */
#calendar td.hoverState {
	border: 1px solid #CCCCCC;
	background: #F2F7FA;
}

/******* images are only used with the header *******/
#calendar img, #calendar a.img, #calendar a.img:hover, #calendar a.img:active, #calendar a.img:focus {
	background: #FFEB00;
}
#calendar span#previousMonth img, #calendar span#nextMonth img { /* images to go back and forward */
	width: 10px;
	height: 11px;
}
#calendar td#closeCalendar { /* close calendar button */
	text-align: right;
}
#calendar td#closeCalendar img { /* close calendar button */
	width: 11px;
	height: 11px;
}

/******* default highlighting *******/
#calendar span.emphasis {
	font-weight: bold;
	white-space: nowrap;
}

/******* surrounding table *******/
#calendar table { /* first <table> */
	border: 3px solid #1569B1;
	background: #1569B1;
}
#calendar table table { /* reset for all following tables */
	border: 0 solid;
	background: transparent;
}

/******* table title *******/
#calendar table th {
	padding: 0;
	height: 1.5em;
}
#calendar table th table {
	margin: 2px 5px;
	height: 1.5em;
	color: #fff;
	font-weight: bold;
}

/******* contentCal *******/
#calendar td#contentCal {
	padding: 3px 6px;
	background: #fff;
	white-space: nowrap;
}
#calendar td#contentCal table { /* <table> that shows all week and day numbers  */
	border-collapse: separate;	/* create spaces between <td>'s */
}
#calendar td#contentCal table td {
	padding: 1px;
	width: 27px;
	text-align: center;
}
/* attributes of week number division (divider.gif) */
#calendar td#contentCal table td.weekNumber {
	border-right: 1px solid #CCCCCA;
	width: 1px;
}
#calendar td#contentCal table td.weekNumber img {
	width: 1px;
}

/******* attributes of all other days in calendar contentCal *******/
#calendar .normalDay {
	/* use default */
}
#calendar .normalDayBackground {
	background-color: #fff;
	border: 1px solid #fff;	
}

/******* attributes of current day in calendar body *******/
#calendar .currentDay { /* is used if another day was selected to highlight current day */
	font-weight: bold;
	text-decoration: none;
}
#calendar .currentDayBackground { /* selected day */
	border: 1px solid #0071B9;
	background-color:#FFEB00;
}
#calendar .dateNowSelectedBackground { /* current day if the calender is called for the first time */
	background-color: #fff;
	border: 1px solid #FF0000;
}
#calendar .selectedDay { /* Attributes of border around selected day in calendar body. */
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}
#calendar .selectedDayBackground {
	background-color: #fff;
	border: 1px solid #FF0000;
}

/******* Attributes of end-of-week days (Sundays) in calendar body. *******/
/* Default attributes of designated holidays. */
#calendar .endOfWeekDay, #calendar a.endOfWeekDay, #calendar a.endOfWeekDay:link, #calendar a.endOfWeekDay:visited, #calendar a.endOfWeekDay:hover, #calendar a.endOfWeekDay:active, #calendar a.endOfWeekDay:focus, 
#calendar .holiday, #calendar a.holiday, #calendar a.holiday:link, #calendar a.holiday:visited, #calendar a.holiday:hover, #calendar a.holiday:active, #calendar a.holiday:focus {
    color: #ff0000;
}

/******* Attributes of disabled days in calendar body. *******/
/* Default attributes of disabled days. */
#calendar .disabledDay {
    color: #CCCCCA;
}

/******* submit button *******/
#calendar .inputSubmitButtons { 
	float: none; /* reset default definitions */
	padding: 0 6px;
	border-top: 1px solid #FFEB00;
	background: #fff;
	text-align: center;
}
#calendar .inputSubmitButtons input.inputSubmit{
	margin-left: 0; /* reset default definitions */
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	background: #CCCCCA;
	color: #000;
	font-weight: normal;
}

/******* default attributes of drop down lists (month and year) *******/
#calendar .dropdown {
}
#calendar .dropdownSelect { /* default attributes selected (mouse-over) item in drop down lists (month and year) */
}
#calendar .dropdownNormal { /* default attributes unselected (mouse-off) item in drop down lists (month and year) */
}

/* position the popup calendar below the button for Mozilla & Co. (in IE this is done via JavaScript, thats why this declaration has to bee hidden from all IEs (add html>body to declaration) */
.calendarArea {
	position: relative;
	left: 40px;
	top: -30px;
	
	overflow: visible;
}
/* declarations to overwrite some inheritet css properties to make the calendar look the same in all places */
.calendarArea #calendar table th {
	background: #003740;
	padding: 0px;
}
.calendarArea #calendar table td {
	line-height: 1em;
	padding: 0px;
}
.calendarArea #calendar table span.emphasis { /* for calendar "menu" (month year, close) */
	color: #FFFFFF;
}
.calendarArea #calendar table #contentCal span.emphasis { /* for table header (Wk| days) */
	color: #000000;
}

#spanYear select {
background: #FFFFFF;
color:	#0071B9;
width:	auto;
height:	auto;
font-size:	11px;
font-weight: bold;
}











/*NEW STYLES CATEGORY PAGE*/

/* main (head) banner styles*/

div#content_pg div.mainbanner{
position:relative;
float:left;
display:inline;
width:718px;
height:354px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;

background-position:center 0px;
background-repeat:no-repeat;
}


div#content_pg div.catbanner{ /*height change main banner for categories*/
height:345px;
}


div#content_pg div.mainbanner div.price{
position:absolute;
top:20px;
left:40px;
float:left;
display:inline;
width:113px;
height:113px;
margin:0px 0px 0px 0px;
padding:36px 0px 0px 0px;
text-align:center;
font-size:35px;
font-weight:bold;

color:#FFFFFF;
background-image:url(../images/banners/price_bg.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div#content_pg div.mainbanner div.price p{
width:113px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:35px;
font-weight:bold;

color:#FFFFFF;
}

div#content_pg div.mainbanner div.price p.sub{
width:113px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
}

div#content_pg div.mainbanner div.delivery_tecl{
position:absolute;
top:20px;
right:0px;
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


div#content_pg div.mainbanner div.lefttext{
position:absolute;
bottom:0px;
left:0px;
float:left;
display:inline;
width:200px;
height:auto;
margin:0px 0px 0px 0px;
padding:36px 0px 0px 0px;
text-align:left;
font-size:12px;
font-weight:bold;
}

div#content_pg div.mainbanner div.lefttext h2{
float:left;
display:inline;
width:200px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
text-align:left;
font-size:16px;

color:#0071B9;
}

div#content_pg div.mainbanner div.lefttext h2.cat{
padding:0px 0px 0px 0px;
}

div#content_pg div.mainbanner div.lefttext a{
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
text-decoration:none;
text-align:left;
font-size:11px;

color:#000000;
background-image:url(../images/arrow_black.gif);
background-position: right 4px;
background-repeat:no-repeat;
}

div#content_pg div.mainbanner div.lefttext a:hover{
color:#FECC00;
background-image:url(../images/arrow_yellow.gif);
}


div#content_pg div.mainbanner div.rightlinks{
position:absolute;
bottom:0px;
right:0px;
float:left;
display:inline;
width:110px;
height:auto;
margin:0px 0px 0px 0px;
padding:36px 0px 0px 0px;
text-align:right;
font-size:12px;
font-weight:bold;
}

div#content_pg div.mainbanner div.rightlinks a{
text-decoration:none;
font-size:11px;
}

div#content_pg div.mainbanner div.rightlinks a.yellow{
color:#0071B9;
}

div#content_pg div.mainbanner div.rightlinks a:hover.yellow{
color:#FECC00;
}

div#content_pg div.mainbanner div.rightlinks a.blue{
color:#000000;
}

div#content_pg div.mainbanner div.rightlinks a:hover.blue{
color:#0071B9;
}


/*categorie list style*/

div#content_pg div.categories{
position:relative;
float:left;
display:inline;
width:733px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:center;
}

div#content_pg div.categories div.row{
position:relative;
float:left;
display:inline;
width:733px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
text-align:center;

background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content_pg div.categories div.row div.element{
float:left;
display:inline;
width:358px;
height:auto;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-align:center;

background-image:url(../images/dotted_light_blue_down.gif);
background-position:top right;
background-repeat:repeat-y;
}

div#content_pg div.categories div.row div.element2{
float:left;
display:inline;
width:360px;
height:auto;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content_pg div.categories div.row div.element div.image, div#content_pg div.categories div.row div.element2 div.image{
float:left;
display:inline;
width:43px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content_pg div.categories div.row div.element div.text a, div#content_pg div.categories div.row div.element2 div.text a{
float:left;
display:inline;
width:290px;
height:32px;
margin:0px 0px 0px 0px;
padding:13px 0px 0px 5px;
text-decoration: none;
text-align:left;
font-size:13px;
font-weight:bold;

color:#0071B9;
}




/*NEW STYLES CATEGORY PAGE - Pagelets*/

/*pagelets category page 3x*/

div#content_pg div.subbanners{
position:relative;
float:left;
display:inline;
width:723px;
height:auto;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content_pg div.subbanners div.element{
float:left;
display:inline;
width:236px;
height:auto;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
text-align:center;

background-image:url(../images/dotted_light_blue_down.gif);
background-position:top right;
background-repeat:repeat-y;
}

div#content_pg div.subbanners div.element div.image{
float:left;
display:inline;
width:236px;
height:auto;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

div#content_pg div.subbanners div.element div.text{
float:left;
display:inline;
width:236px;
height:auto;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

div#content_pg div.subbanners div.element div.text h3{
float:left;
display:inline;
width:209px;
height:45px;
margin:-10px 0px 0px 0px;
padding:0px 0px 0px 15px;
text-align:left;
font-size:14px;
font-weight:bold;
color:#0071B9;
background-image: url(../images/banner_yellow.gif);
background-repeat: no-repeat;
}

div#content_pg div.subbanners div.element div.text p{
float:left;
display:inline;
width:209px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-align:left;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

div#content_pg div.subbanners div.element div.buttons{
display:inline;
float:left;
height:auto;
margin:60px 0 5px;
padding-left:0;
padding-right:100px;
text-align:right;
width:210px;
}


div#content_pg div.subbanners div.element div.buttons div.cartbutton{
float:right;
display:inline;
width:34px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content_pg div.subbanners div.element div.buttons input.cart{
float:right;
display:inline;
width:34px;
height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/cart_blue.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content_pg div.subbanners div.element div.buttons input.cart_transparent{
float:right;
display:inline;
width:34px;
height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/cart_transparent.gif);
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
}


div#content_pg div.subbanners div.element div.buttons div.infobutton{
float:right;
display:inline;
width:23px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content_pg div.subbanners div.element div.buttons input.info{
float:right;
display:inline;
width:23px;
height:24px;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/info_icon.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content_pg div.subbanners div.element div.buttons input.info_transparent{
float:right;
display:inline;
width:23px;
height:24px;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 0px;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/info_icon_transparent.gif);
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
}

/*pagelets category page 2x*/

div#content_pg div.twoitems{
width:723px;
}

div#content_pg div.twoitems div.element{
width:351px;

}

div#content_pg div.twoitems div.element div.image{
width:351px;
}

div#content_pg div.twoitems div.element div.text{
width:351px;
}

div#content_pg div.twoitems div.element div.text h3{
width:324px;
}

div#content_pg div.twoitems div.element div.text p{
width:324px;
}

div#content_pg div.twoitems div.element div.buttons{
width:339px;
}










/*ERROR STYLES*/

.error {
color:#FF0000;
font-weight:bold;
}

div#content p.errormessage, div#content_pg p.errormessage , div#content_op p.errormessage  {
float:left;
display:inline;
width:95%;
height:auto;
padding:5px;
margin:0px 10px 10px 0px;
color:#FF0000;
font-weight:bold;
}

ul.errormessage li{
list-style-type:square;
width:95%;
height:auto;
padding:0px;
margin:4px 0px 0px 0px;
color:#FF0000;
font-weight:bold;
}























/*STYLES ADDED BY NIELS FOR OPENCMS AND S6*/

/*OPENCMS*/

/* contact form styles */
div#content  div#contact{
width:580px;
padding:0px 0px 0px 0px;

background-color:#D0E1EF;
}

div#content  div#contact h1{
width:570px;
padding:5px 0px 5px 10px;
font-size:medium;

color:#FFEB00;
border-bottom: 2px solid #FFFFFF;
background-color:#0071B9;
}

div#content  div#contact img{
width:580px;
}

div#content  div#contact #submit{
width:auto;
margin:0px 5px 10px 0px;
padding:5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
font-weight:bold;
cursor:	pointer;
overflow:visible;


color:#FFEB00;
border:0px none;
background-color:#0071B9;
}

div#content div#contact label {
font-weight:bold;

color:#0071B9;
}

div#content div#contact input, select, textarea {
width:555px;
margin: 5px 0px 5px 0px;
}

div#content div#contact input, textarea {
border-top:2px solid #000000;
border-left:2px solid #000000;
border-right:none;
border-bottom:none;
}

/*SUITE 6*/

/* userpages */
div#content a.arrow {

display:block;
padding:0px 0px 0px 20px;
text-decoration:none;
font-weight:bold;

color:#0071B9;
background-color:#FFFFFF;
background-image:url('../images/backgrounds/faq/small.gif');
background-position:top left;
background-repeat:no-repeat;
}

div#content table.styled {
float:left;

}

div#content table span.star, div#content_pg table span.star {
	font-family:courier;
}

div#content table.styled td {
padding:10px 0px 0px 0px;

text-align:left;
}

div#content table.styled td.title{
width:150px;
font-weight:bold;
text-decoration:none;
display:block;

color:#0071B9;
}
div#content table.styled td.notitle{
text-decoration:none;
display:block;

color:#0071B9;
}

div#content table.styled td.description{
width:400px;
padding-left: 5px;

color:#000000;
}


div#content table.styled td.description input.mini{
width:15px;
}

div#content table.styled tr.title td {
width:580px;
padding-bottom:10px;
text-align:left;

border:none;
background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;	
}

div#content .submitButton, div#content_pg .submitButton, div#choiceboxcontent .submitButton {
float:left;
width:auto;
padding:5px 5px 5px 5px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
cursor:	pointer;
overflow:visible;

color:#FFFFFF;
border:0px none;
background-color:#0071B9;
}

div#content .submitButton {
margin:10px 10px 10px 0px;
}

/*End added BY NIELS styles*/












/*Preference list styles*/


div#content div.preferenceholder{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/preference_bg.gif);
background-position: 431px 0px;
background-repeat:repeat-y;
}

div#content div.headers {
margin:0px 0px 0px 0px;
}

div#content div.preferenceholder div.row div{ /*main declaration of the row div's underlying div's*/
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

color:#0071B9;
}

/*start of preferencelist row styles*/

div#content div.preferenceholder div.row{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

div#content div.preferenceholder div.buttons{
padding:35px 0px 5px 0px;

background-color:#FFFFFF;
}

div#content div.preferenceholder div.head{ /*added style for the headers row of the preference list (uitvoering, art nr, aantal, etc)*/
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
font-weight:bold;

background-color:#FFFFFF;
background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content div.preferenceholder div.row div.check{
float:left;
display:inline;
width:31px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

div#content div.preferenceholder div.row div.check input.box{
float:left;
display:inline;
width:31px;
height:auto;
margin:1px 0px 0px 0px;
#margin:-3px 0px 0px 0px;/*fix for top margin of checkbox in IE*/
padding:0px 0px 0px 0px;

}

div#content div.preferenceholder div.row div.model, div#content div.preferenceholder div.row div.model a{
float:left;
display:inline;
width:399px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;

color:#0071B9;
}

div#content div.preferenceholder div.row div.articlenr{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content div.preferenceholder div.row div.net{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;

}

div#content div.preferenceholder div.pageableholder{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;

background-color:#FFFFFF;
}





/*Order History list styles*/


div#content div.orderhistoryholder{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/orderhistory_bg.gif);
background-position: 0px 0px;
background-repeat:repeat-y;
}

div#content div.headers {
margin:0px 0px 0px 0px;
}

div#content div.orderhistoryholder div.row div{ /*main declaration of the row div's underlying div's*/
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

color:#0071B9;
}

/*start of orderhistorylist row styles*/

div#content div.orderhistoryholder div.row{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

div#content div.orderhistoryholder div.buttons{
padding:35px 0px 5px 0px;

background-color:#FFFFFF;
}

div#content div.orderhistoryholder div.head{ /*added style for the headers row of the orderhistory list (uitvoering, art nr, aantal, etc)*/
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
font-weight:bold;

background-color:#FFFFFF;
background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content div.orderhistoryholder div.row div.number, div#content div.orderhistoryholder div.row div.number a{
float:left;
display:inline;
width:100px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;

color:#0071B9;
}


div#content div.orderhistoryholder div.row div.date{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}

div#content div.orderhistoryholder div.row div.info{
float:left;
display:inline;
width:320px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-decoration:none;

color:#0071B9;
}



div#content div.orderhistoryholder div.row div.price{
float:left;
display:inline;
width:76px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;

}

div#content div.orderhistoryholder div.pageableholder{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;

background-color:#FFFFFF;
}


div#content div.orderhistoryholder div.row div.backbutton{
float:left;
display:inline;
width:582px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content div.orderhistoryholder div.row div.backbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_back_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}


div#content div.pageposition  {
float:right;
display:inline;
width:85px;
margin:-20px 15px 0px 0px;
padding:0px 0px 0px 0px;
font-weight:bold;
font-size:11px;
text-align:right;

color:#0071B9;
}




/*Order history detail styles*/


/*step 4 in the order proces specific styles*/

div#content div.infoboxholder {
position:relative;
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;

}


div#content div.infobox {
position:relative;
float:left;
display:inline;
width:282px;
height:161px;
margin:22px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

background-color:#D0E1EF;
}

div#content div.rightbox {
float:right;
}

div#content div.type_b {
height:115px;

}

div#content div.infobox div.head{
float:left;
display:inline;
width:270px;
height:20px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#1569B1;
}

div#content div.infobox div.row{
float:left;
display:inline;
width:269px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content div.infobox div.row div.label{
float:left;
display:inline;
width:159px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content div.infobox div.row div.content{
float:left;
display:inline;
width:90px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content div.infobox div.row div.content2{
float:left;
display:inline;
width:256px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;
font-size:11px;

color:#0071B9;
}




/*order history detail summary styles*/

div#content div.orderhistorydetailholder{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;

background-image:url(../images/orderhistorydetail_bg.gif);
background-position: 0px 0px;
background-repeat:repeat-y;
}

div#content div.headers {
margin:0px 0px 0px 0px;
}

div#content div.orderhistorydetailholder div.row div{ /*main declaration of the row div's underlying div's*/
float:left;
display:inline;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

color:#0071B9;
}



/*start of orderhistorydetaillist row styles*/

div#content div.orderhistorydetailholder div.row{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

div#content div.orderhistorydetailholder div.buttons{
padding:35px 0px 5px 0px;

background-color:#FFFFFF;
}


div#content div.orderhistorydetailholder div.totals{
padding:5px 0px 5px 0px;

background-color:#FFFFFF;
}


div#content div.orderhistorydetailholder div.head{ /*added style for the headers row of the orderhistory list (uitvoering, art nr, aantal, etc)*/
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
font-weight:bold;

background-color:#FFFFFF;
background-image:url(../images/dotted_light_blue.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

div#content div.orderhistorydetailholder div.row div.articlenr, div#content div.orderhistorydetailholder div.row div.articlenr a{
float:left;
display:inline;
width:60px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-decoration:none;

color:#0071B9;
}

div#content div.orderhistorydetailholder div.row div.articlenr a{
width:60px;
padding:0px 0px 0px 0px;
}

div#content div.orderhistorydetailholder div.row div.name, div#content div.orderhistorydetailholder div.row div.name a{
float:left;
display:inline;
width:223px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
text-decoration:none;

color:#0071B9;
}

div#content div.orderhistorydetailholder div.row div.name a{
width:223px;
padding:0px 0px 0px 0px;
}


div#content div.orderhistorydetailholder div.row div.factor{
float:left;
display:inline;
width:70px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content div.orderhistorydetailholder div.row div.quantity{
float:left;
display:inline;
width:70px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content div.orderhistorydetailholder div.row div.unit{
float:left;
display:inline;
width:70px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

}


div#content div.orderhistorydetailholder div.row div.net{
float:left;
display:inline;
width:60px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
text-align:right;

}

div#content div.orderhistorydetailholder div.totals div.totalholder{
float:right;
display:inline;
width:400px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#content div.orderhistorydetailholder div.totals div.totalrow{
float:right;
display:inline;
width:268px;
height:auto;
margin:0px 5px 0px 0px;
padding:5px 0px 5px 0px;
text-align:right;
font-weight:bold;

border-bottom:1px solid #0071B9;
}

div#content div.orderhistorydetailholder div.totals div.totalrow div.totallabel{
float:left;
display:inline;
width:193px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
text-align:right;

}

div#content div.orderhistorydetailholder div.totals div.totalrow div.totalprice{
float:left;
display:inline;
width:60px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 0px;
text-align:right;

}

div#content div.orderhistorydetailholder div.pageableholder{
float:left;
display:inline;
width:583px;
height:auto;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;

background-color:#FFFFFF;
}


div#content div.orderhistorydetailholder div.row div.backbutton{
float:left;
display:inline;
width:582px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
font-size:11px;
}

div#content div.orderhistorydetailholder div.row div.backbutton input{
float:right;
display:inline;
width:174px;
height:39px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
#padding:0px 0px 0px 43px;
text-align:left;
font-size:13px;
font-weight:bold;
font-style:italic;
cursor:pointer;

color:#FFFFFF;
border:0px none;
background-image:url(../images/large_back_btn_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}


/*login page register & password buttons*/


div#content_pg div.onecolumnform div.row div.calcbutton{
float:left;
display:inline;
width:200px;
height:auto;
margin:25px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:11px;
}


div#content_pg div.onecolumnform div.row div.calcbutton a.calc{
float:left;
display:inline;
width:auto;
height:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
text-decoration:none;
font-size:12px;
font-weight:bold;

color:#0071B9;
background-image: url(../images/circle_arrow_right_blue.gif);
background-repeat:no-repeat;
background-position: left top;
}









/*Addresses infoboxes specific styles*/

div#content_pg h2.address{
float:left;
display:inline;
width:700px;
height:auto;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font-size:16px;
font-weight:bold;

color:#0071B9;
}

div#content_pg div.infoboxholder {
position:relative;
float:left;
display:inline;
width:723px;
height:auto;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;

}

div#content_pg div.infobox {
position:relative;
float:left;
display:inline;
width:348px;
height:181px;
margin:22px 27px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;

background-color:#D0E1EF;
}

div#content_pg div.rightbox {
margin:22px 0px 0px 0px;
}

div#content_pg div.infobox div.head{
float:left;
display:inline;
width:336px;
height:20px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;
font-weight:bold;

color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#1569B1;
}

div#content_pg div.infobox div.row{
float:left;
display:inline;
width:336px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_pg div.infobox div.row div.content2{
float:left;
display:inline;
width:316px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 8px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.infobox div.editbtn{
float:left;
display:inline;
width:203px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}


div#content_pg div.infobox div.editbutton, div#content_pg div.infobox div.editbutton2 {
position:absolute;
bottom:15px;
left:0px;
float:left;
display:inline;
width:203px;
height:auto;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 12px;
text-align:left;
font-size:11px;

color:#0071B9;
}

div#content_pg div.infobox div.editbutton2 {
bottom:35px;
left:0px;
}




div#content_pg div.infobox div.editbutton input.edit, div#content_pg div.infobox div.editbutton2 input.edit{
float:left;
display:inline;
width:auto;
height:20px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 25px;
text-align:left;
text-decoration:none;
font-size:11px;
font-weight:bold;
cursor:pointer;

color:#0071B9;
border:0px none;
background-color:#D0E1EF;
background-image: url(../images/edit_btn_arrow_bg.gif);
background-repeat:no-repeat;
background-position: 0px 3px;
#background-position: 0px 1px;
}



/* MAIN PAGE BANNERS STYLES TEST */

div#content div.smallbanners {
	width: 593px;
	height: 329px;
	background-image:url(../images/dotted_light_blue.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	clear: both
}

div#content div.smallbanners div.element {
	background-image:url(../images/dotted_light_blue_down.gif);
	background-position:right top;
	background-repeat:repeat-y;
	display:inline;
	float:left;
	height:325px;
	width:295px;
}

div#content div.smallbanners div.element div.cont {	
	margin-right:5px;
	margin-left:12px;
	padding-right:5px;
	padding-top:5px;
	height: 280px;
	position: relative;
}

div#content div.smallbanners div.element div.cont p {
	width: 260px;
}

div#content div.smallbanners div.leftborder {
	background-image:url(../images/dotted_light_blue_down.gif);
	background-position:left top;
	background-repeat:repeat-y;
	height:325px;
}

div#content div.subbanners div.leftborder {
	background-image:url(../images/dotted_light_blue_down.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

div#content div.smallbanners div.element div.cont img {	
	width:100%;
	cursor: pointer;
	margin-top: 35px;
}

div#content div.smallbanners div.element div.cont span.background {
	position:absolute;
	top: 0px; 
	left: 0px;
}

div#content div.smallbanners div.element div.cont span.background div.overlay {	
	position:absolute;
	top: 5px;
	left: 0px;
	width:100%;
	height: 100%;
	cursor:pointer;
}

div#content div.smallbanners div.element div.cont span.background div.overlay div.cart input.cart {
	position: absolute;
	bottom: 5px;
	-top: 250px;
	left:40px;
	width:34px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	
	color:#FFFFFF;
	border:0px none;
	background-image:url(../images/cart_blue.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#content div.smallbanners div.element div.cont span.background div.overlay div.price {
	position:absolute;
	top:50px;
	left:170px;
	float:left;
	display:inline;
	width:80px;
	height:80px;
	margin:0px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	#padding:30px 0px 0px 0px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	
	color:#FFFFFF;
	background-image:url(../images/banners/price_bg_small.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

div#content div.smallbanners div.element div.cont span.background div.overlay div.price p {
	position:relative;
	right: 5px;
	width: 80px;
	margin-top: -5px;
	*margin-top: -7px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	
	color:#FFFFFF;
}

div#content div.smallbanners div.element div.cont span.background div.overlay div.price p.sub {
	font-size:10px;
	margin-top: -12px;
}

div#content div.smallbanners div.element div.cont span.background div.overlay div.info input {
	position: absolute;
	bottom: 5px;
	-top: 250px;
	left:10px;
	width:23px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	
	color:#FFFFFF;
	border:0px none;
	background-image:url(../images/info_icon.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#content div.smallbanners div.element div.cont span.background div.overlay div.name {
	font-size: 20px; 
	font-weight: bold; 
	color: rgb(0, 113, 185);
}

.error, div#content p.error {
color:#FF0000;
font-weight:bold;
}

h2.title {
	color:#0071B9;
}

img.noborder {
	border: 0px;
}

div.clickable {
	cursor: pointer;
}
/* END MAIN PAGE BANNERS STYLES TEST */

/*Highlight the Tecl Toppers*/
div#right div#rightmenu ul li a[href^='/NL/nl/tecl_toppers/'] {
	margin-top: 10px;
	background-color:#FFEB00;	
}