/* Styles for www.alpac.nl */

/* general structure */
* {
margin:0;
padding:0;
}

body {
font-family: Verdana, sans-serif, Arial, Helvetica, sans-serif;
}

img {
display: block;
border: none;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.clearfloat {
clear: both;
}

#container {
width: 930px;
margin: 0 auto;
}

#header {
width: 925px;
background: url(../images/alpac_logo.gif) no-repeat 0px 16px;
padding-right: 5px;
}

#cartbar {
height: 25px;
background: #e4e0da url(../images/cartbar_left.gif) no-repeat;
margin-bottom: 20px;
float: right;
}

#topbar {
width: 660px;
float: right;
}

#topmenuholder {
width: 660px;
height: 23px;
border-bottom: 7px solid #808080;
}

#crumbtrail {
background: #eee url(../images/crumbbar_left.gif) no-repeat left bottom;
padding: 0 14px;
}

#menucol {
width: 249px;
float: left;
margin-right: 16px;
}

#menucol img.border {
border-bottom: 1px solid #fff;
}

#contentwrapper {
float: left;
width: 925px;
}

#maincol {
width: 660px;
float: left;
padding-top: 24px;
}

#maincol table {
font-size:12px !important;
}

#footer {
clear: both;
width: 100%;
background: url(../images/bg_footer.gif) repeat-x top;
}

#innerfooter {
width: 930px;
height: 80px;
margin: 0 auto;
padding-top: 92px;
background: url(../images/footer_pallet.gif) no-repeat right top;
}

#innerfooter_home{
width: 930px;
height: 80px;
margin: 0 auto;
padding-top: 92px;
background: url(../images/footer_pallet_home.gif) no-repeat right top;

}

#innerfooter_img{
position:absolute;
top: 20px;
}

#bakkenvinder {
background: #c6bfb3 url(../images/bakkenvinder_bg.gif) repeat-y;
}

#bakkenvinder .wrap {
padding: 0 16px;
}

#maincol table.bakkenvinder {
width: 100%;
border: none;
}

#maincol table.bakkenvinder td {
font: 11px Verdana, sans-serif;
color: #000;
padding: 2px 0;
}


/* styling menu's */

.top_link:hover {color:#fff; background: url(../images/menutab_on.gif) no-repeat;}

.topmenu {list-style:none; height:23px; position:relative; z-index:500;}
.topmenu li.top {display:block; float:left; margin-right: 1px;}
.topmenu li a.top_link {display:block; float:left; width: 100px; height:17px; font: 10px Verdana, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; background: url(../images/menutab.gif) no-repeat; text-align: center; padding-top: 6px;}
.topmenu li a.top_link:hover {color:#fff; background: url(../images/menutab_on.gif) no-repeat;}


.topmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.topmenu a:hover {visibility:visible; position:relative; z-index:200;}
.topmenu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.topmenu ul, 
.topmenu :hover ul ul, 
.topmenu :hover ul :hover ul ul,
.topmenu :hover ul :hover ul :hover ul ul,
.topmenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.topmenu :hover ul.sub {left:0; top:23px; background: #fff; padding:3px; border:1px solid #808080; border-top: 7px solid #808080; white-space:nowrap; width:150px; height:auto; z-index:300;}
.topmenu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px; text-transform:none; text-align: left;}
.topmenu :hover ul.sub li a {display:block; font-size:10px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.topmenu :hover ul.sub li a.fly {background:#fff url(drop3/arrow.gif) 80px 7px no-repeat;}
.topmenu :hover ul.sub li a:hover {background:#e8000a; color:#fff;}
.topmenu :hover ul.sub li a.fly:hover {background:#e8000a; color:#fff;}
.topmenu :hover ul li:hover > a.fly {background:#e8000a; color:#fff;} 

.topmenu :hover ul :hover ul,
.topmenu :hover ul :hover ul :hover ul,
.topmenu :hover ul :hover ul :hover ul :hover ul,
.topmenu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:150px; top:-4px; background: #fff; padding:3px; border:1px solid #808080; white-space:nowrap; width:150px; z-index:400; height:auto;}
/* styling productmenu */


#menucol ul {
list-style: none;
margin: 0;
}

#menucol li {
float: left;
}

#menucol ul li a {
display: block;
width: 235px;
float: left;
font: 12px Verdana, sans-serif;
color: #000;
text-decoration: none;
background: #ca0610 url(../images/bg_menuitem.gif) repeat-x bottom left;
padding: 5px 7px 6px 7px;
border-bottom: 1px solid #e4e4e4;
}

#menucol ul li a:hover {
font-weight: bold;
}

#menucol ul li a.active,
#menucol ul li a:focus {
font-weight: bold;
color: #fff;
background: #ca0610 url(../images/bg_menuitem_on.gif) repeat-x top left;
}

#menucol ul ul li a {
width: 222px;
font: 11px Verdana, sans-serif;
background: #eee url(../images/menubullet1.gif) no-repeat 7px 7px;
padding: 4px 5px 6px 22px;
}

#menucol ul ul li a:hover {
font-weight: bold;
color: #000;
background: #eee url(../images/menubullet1_on.gif) no-repeat 7px 7px;
}

#menucol ul ul li a.active,
#menucol ul ul li a:focus {
font-weight: bold;
color: #000;
background: #fff url(../images/menubullet1_on.gif) no-repeat 7px 7px;
}

#menucol ul ul ul li a {
width: 211px;
font: 11px Verdana, sans-serif;
background: #eee url(../images/menubullet2.gif) no-repeat 23px 7px;
padding: 4px 5px 6px 33px;
}

#menucol ul ul ul li a:hover {
font-weight: bold;
color: #000;
background: #eee url(../images/menubullet2_on.gif) no-repeat 23px 7px;
}

#menucol ul ul ul li a.active,
#menucol ul ul ul li a:focus {
font-weight: bold;
color: #000;
background: #fff url(../images/menubullet2_on.gif) no-repeat 23px 7px;
}


/* styling images */

img.left {
float: left;
margin-right: 14px;
margin-bottom: 10px;
}

img.right {
float: right;
margin-left: 14px;
margin-bottom: 10px;
}

/* styling text & links */
#cartbar p
 {
font: 10px/14px Verdana, sans-serif;
color: #615a4e;
padding: 0 7px 2px 7px;
}

#crumbtrail p {
font: 9px Verdana, sans-serif;
color: #909090;
padding: 6px 0 8px 0;
}

#crumbtrail p a {
color: #909090;
text-decoration: underline;
}

#crumbtrail p a:hover {
color: #444;
}

#maincol h1 {
font: bold 16px/20px Verdana, sans-serif;
color: #444;
margin-bottom: 10px;
}

#maincol h2 {
font: bold 14px/18px Verdana, sans-serif;
color: #e8000a;
margin-bottom: 5px;
}
#maincol {
}
#maincol p {
font: 12px/17px Verdana, sans-serif;
color: #999;
margin-bottom: 17px;
}

#test ul,
#test ol {
margin-left: 22px;
margin-bottom: 17px;
}

#test ul {
/*list-style-image: url(../images/bullet2.gif);*/
}

#test,#maincol li {
font: 12px/17px Verdana, sans-serif;
color: #000;
}

#test, #maincol p.small {
font-size: 60%;
line-height: 14px;
}

#test, #maincol p.big {
font-weight: normal;
font-size: 110%;
color: #e8000a;
}

#test, #maincol a {
color: #000;
}

#test, #maincol a:hover {
color: #e8000a;
}

.red {
color: #e8000a;
}

hr {
width:100%;
border: none 0;
border-bottom: 1px solid #e4e4e4;
height: 1px;
margin-bottom: 17px !important;    /*this is the Firefox/Opera margin*/
margin-bottom: 10px;               /*this is the IE margin - 7px - less*/
}

#innerfooter p {
font: 10px Verdana, sans-serif;
color: #b8b8b8;
}

#innerfooter a {
color: #b8b8b8;
}

#innerfooter a:hover {
color: #fff;
}

#innerfooter_home p {
font: 10px Verdana, sans-serif;
color: #b8b8b8;
}

#innerfooter_home a {
color: #b8b8b8;
}

#innerfooter_home a:hover {
color: #fff;
}



/* styling tables */
table.contactform {
font: 12px Verdana, sans-serif;
color: #000;
width: 500px;
border: none;
}

table.contactform td {
padding: 1px 2px 0 2px;
white-space: nowrap;
}

/* styling forms */

input, select, textarea {
font: 11px Verdana, sans-serif;
color: #000;
}

input.textfield, select, textarea {
border: 1px solid #b6b6b6;
}

input.textfield {
height: 17px;
}

select {
height: 20px;
}

input.button {
font: 11px/18px Verdana, sans-serif;
}

input.button_search {
font: bold 12px Verdana, sans-serif;
color: #fff;
height: 23px;
background: url(../images/bg_button_search.gif) repeat-x;
border: none;
float: right;
padding: 0 5px 4px 5px;
margin-top: 3px;
}

.inquiry input {
margin-top: 13px;
font: 11px Verdana, sans-serif;
}

/*test*/

#maincol_sub {
width: 401px;
padding-top: 14px;
padding-right: 16px;
min-height:600px;
background: url(../images/maincol_corner.gif) no-repeat right top;
margin-top: -556px;
}

#rightcol{

width: 221px;
height:auto;
padding: 0 8px 0px 14px;
margin-left: 417px;
margin-top: -25px;
}

#test{
background: url(../images/bg_maincontent.gif) repeat-y right;
height:auto;
}


#rightcol h1 {
display: block;
height: 33px;
font: bold 16px Verdana, sans-serif;
color: #444;
background: url(../images/h1_bg.gif) no-repeat right top;
padding: 16px 0 0 5px;
}

#rightcol p {
font: 11px/16px Verdana, sans-serif;
color: #636363;
height: 1px;
}


#newsbox {
margin-bottom: 17px;
}

#newsbox .newsdate {
color: #a2865c;
}

#newsbox a {
color: #636363;
}

#newsbox a:hover {
color: #e8000a;
}

#newsbox div.hr {
background: url(../images/dotted.gif) repeat-x left bottom;
margin: 8px 6px 5px 0;
height: 1px;
}

#newsbox div.hr hr {
display: none;
}

#branchebox {
margin-bottom: 17px;
}

#branchebox ul {
list-style: none;
margin-left: 3px;
}

#branchebox ul li {
font: 11px/20px Verdana, sans-serif;
}

#branchebox ul li a {
color: #636363;
background: url(../images/bullet1.gif) no-repeat 0 3px;
padding-left: 10px;
padding-right: 6px;
}

#branchebox ul li a:hover {
color: #e8000a;
/*background: url(../images/bullet2.gif) no-repeat 0 3px;*/
}

/*overview*/

table.overview {
width: 100%;
color: #000;

}

table.overview tr {
background: url(/beta/images/bg_tr.gif) repeat-x bottom;
}

table.overview th {
height: 28px;
background: #808080;
font: bold 11px Verdana, sans-serif;
color: #fff;
text-align: left;
border-bottom: 3px solid #fff;
}

table.overview th a{
font: bold 11px Verdana, sans-serif;
color: #fff;
text-align: left;
text-transform: uppercase; 
text-decoration: none
}

table.overview th.left {
text-align: left;
}

table.overview th.leftcorner {
background: #808080 url(/beta/images/corner_th_left.gif) no-repeat top left;
}

table.overview th.rightcorner {
background: #808080 url(/beta/images/corner_th_right.gif) no-repeat top right;
padding-right: 5px;
}

table.overview td {
font: 13px Verdana, sans-serif;
text-align: center;
color: #363636;
border-bottom: 3px solid #fff;
border-top: 1px solid #e4e4e4;
}

table.overview td a {
color: #363636;
}

table.overview td a:hover {
color: #e8000a;
}

table.overview td img {
margin: 10px auto;
}

table.overview td.leftcorner {
background: url(/beta/images/bg_td_left.gif) no-repeat left bottom;
}

table.overview td.foto {
text-align: center;
height: 120px;
}

table.overview td.foto img {
width: 125px;
border: 5px solid #f0f0f0;
}

table.overview td.divider {
background: url(/beta/images/bg_divider.gif) no-repeat bottom;
}

table.overview td.art {
background: url(/beta/images/bg_td.gif) no-repeat right bottom;
text-align: left;
padding-right: 14px;
}

table.overview td.inhoud {
background: url(/beta/images/bg_td.gif) no-repeat right bottom;
}

table.overview td.artnr {
background: url(/beta/images/bg_td.gif) no-repeat right bottom;
}

table.overview td.offerte {
background: url(/beta/images/bg_td_right.gif) no-repeat right bottom;
}

.pagenav p {
font-size: 70%;
background: #eeeeee;
text-align: center;
padding: 2px 0 4px 0;
margin-bottom: 10px;
}

/*overview*/
.grid3
{
    border-bottom: black 1px solid;
}
.header_link{
color:#FFFFFF;
text-decoration:none;

}

.listing_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#000099;
	padding: 2px;
	border: 1px solid #CCCCCC;
	height:15px;
	color:#FFFFFF;
	
}

.listing_top_td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#000099;
	padding: 2px;
	height:15px;
	color:#FFFFFF;
	
}

.listing_bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#ffffff;
	padding: 2px;
	border-top: 1px solid #CCCCCC;
	height:15px;
	color:#000000;
	
}

.listing_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	border-top: 1px solid #CCCCCC;
	height:15px;
	 color:#000000;
	
}

.listing_header_offerte
{
    background-color:Black;
    padding-left:5px;
    color:White;
    border: solid 0px black;
}

.listing_header
{
height: 28px;
background: #808080;
font: bold 11px Verdana, sans-serif;
color: #fff;
text-align: left;
border-bottom: 3px solid #fff;
    
}

.listing_header a
{
font: bold 11px Verdana, sans-serif;
color:White;
text-align: left;
text-transform: uppercase; 
text-decoration: none
}



.listing_item
{
    padding-left:5px;
    padding-right:5px;
    font-size:11px;
    border: solid 0px red;
 
}

#div{
margin-top: -200 px;
}

.required {
font-size: 85%;
color: #e8000a;
}

.msg {
height: 29px;
background: #c9ff39 url(../images/box_msg_right.gif) no-repeat right top;
padding-right: 12px;
margin-bottom: 10px;
}

.msg img {
width: 12px;
height: 29px;
float: left;
}

#maincol .msg p {
font: bold 13px Verdana, sans-serif;
color: #444;
margin-bottom: 0;
padding: 6px 3px 0 3px;
float: left;
}

#product {
width: 400px;
float: left;
}

.productdesc {
width: 376px;
background: #eee url(../images/box_productdesc_bottom.gif) no-repeat bottom left;
padding: 0 12px 1px 12px;
margin-bottom: 17px;
}
.productdesc_print{
width: 400px;
background: #eee;
padding: 0 12px 1px 12px;
}
.inquiry {
width: 376px;
height: 47px;
background: #e4e0da url(../images/bg_box_inquiry.gif) no-repeat top left;
padding: 0 12px;
}

.productimg {
float: right;
}

/* styling tables product */

table.productdetail {
width: 400px;
font: 11px Verdana, sans-serif;
color: #000;
border-collapse: collapse;
border: none;
background: #f9f9f9;
margin-bottom: 17px;
}

table.productdetail tr {
height: 18px;
}

table.productdetail td {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
white-space: nowrap;
padding: 0 5px;
}

table.productdetail tr.light {
background: #f9f9f9;
}

table.productdetail tr.dark {
background: #eee;
}

#productnav {
width: 100%;
font-size:10px !important;
float: left;
/*margin-bottom: 10px;*/
}

a.download {
display: block;
color: #ca0610;
background: url(/beta/images/arrow_right.gif) no-repeat 0 6px;
padding-left: 9px;
}

a.download:hover {
color: #ca0610;
background: url(/beta/images/arrow_right_on.gif) no-repeat 0 6px;
}

a.back {
display: block;
height: 14px;
font: 10px Verdana, sans-serif;
color: #434343;
border: 1px solid #b3b3b3;
text-decoration: none;
background: #fff url(../images/bg_back.gif) no-repeat left top;
padding: 1px 4px 0 18px;
float: left;
}

a.back:hover {
background: #fff url(../images/bg_back_on.gif) no-repeat left top;
}

a.back2 {
display: block;
height: 14px;
font: 10px Verdana, sans-serif;
color: #434343;
border: 1px solid #b3b3b3;
text-decoration: none;
background: #fff url(../images/bg_back.gif) no-repeat left top;
width : 30%;
padding: 1px 4px 0 18px;
float: left;
}

a.back2:hover {
background: #fff url(../images/bg_back_on.gif) no-repeat left top;
}

a.nextproduct {
display: block;
height: 14px;
font: 10px Verdana, sans-serif;
color: #434343;
border: 1px solid #b3b3b3;
text-decoration: none;
background: #fff url(../images/bg_next.gif) no-repeat right top;
width : 30%;
padding: 1px 18px 0 4px;
float: right;
}

a.nextproduct:hover {
background: #fff url(../images/bg_next_on.gif) no-repeat right top;
}

#product .inquiry p {
font: bold 11px Verdana, sans-serif;
color: #615a4e;
margin-bottom: 0;
float: left;
margin: 16px 3px 0 3px;
}

img.inquiry_add {
width: 33px;
height: 33px;
margin-top: 7px;
}