/* CSS Document */
html {
overflow:-moz-scrollbars-vertical; /* permanent vertical scrollbar with FireFox */
height:100%;
}

body {
font-size:0.75em;
font-family:Arial, SunSans-Regular, Sans-Serif;
padding:0;
margin:0;
color:#424445;
height:100%;
background:url(../images/body/bg.gif) repeat;
}

img { border:0 }

a {
position:relative;
z-index:1;
color:#f9be43; 
font-weight: bold;
text-decoration:none;
}

a:hover {
/*color:#ba8727;*/
text-decoration:underline;
}

p a{
padding-left: 10px;
color:#028af2; 
background: url(../images/arrow.gif) no-repeat left;
}

#head a:focus {
-moz-outline: 0 none;
color:#767676;
}

.clear{
clear:both;
display:block;
background-color:transparent;
padding:0;
margin:0;
border:0;
height: 1px;
font-size:1px;
line-height: 1px;
}

table a{
padding-left: 10px;
color:#028af2; 
background: url(../images/arrow.gif) no-repeat left;
}

ul{
padding:0 0 0 12px;
}

li a{
background-image: none;
padding-left: 0px;
}

#template{
width:901px;
margin:0px auto;
}

#path{
float:left;
padding:21px 0 7px 28px;
color:#ddd;
font-size:0.9em;
height:12px;
}
#path a{
text-transform:lowercase;
color:#ddd;
font-weight:normal;
}

#access{
float:right;
height:12px;
padding:21px 28px 7px 0;
font-size:0.9em;
}

*html #access{
overflow:hidden;
}

#access p {
float:left;
margin:0;
padding:0 12px 0 0;
color:#ddd;
}
#access ul{
float:left;
list-style:none;
margin:0;
padding:0;
}

#access li{
float:left;
}

#access li a{
display:block;
padding:0 12px 0 9px;
color:#ddd;
height:13px; 
background:url(../images/menu/vdotline.gif) repeat-y right top;
font-weight:normal;
float:left; /* ie */
}
#access li a:hover{
color:#ddd; 
}

#header{
background:url(../images/header/bg.png) repeat;
height:120px;
margin-bottom:4px;
overflow:hidden;
}

#logo{
display:block;
padding:26px 26px 0 26px;
width:200px;
}

#slogan{
padding-left:680px;
text-transform:uppercase;
font-size:0.9em;
font-weight:bold;
padding-top:2px;
height:6px;
overflow:hidden;
}


*html #slogan{
margin:95px 12px 0 0;
}

#slogan span{
color:#ffa000;
}

#searchform{
position:absolute;
margin:8px 0 0 681px;
width:206px;
}
*html #searchform{
margin:-107px 0 0 681px;
}

#searchform input{
border:none;
background:url(../images/form/bg.gif) left top no-repeat;
font-size:11px;
text-align:right;
margin:0;
padding:5px 8px 0 8px;
float:left;
width:164px;
height:18px;
}

#searchform .searchbtn{
background:none;
margin:0 0 0 1px;
padding:0;
display:block;
float:right;
width:24px;
height:23px;
}


#searchform .hidesearch{
background: url(../images/form/bghide.gif) left top no-repeat;
position:absolute;
width:100%;
height:23px;
margin-top:-23px
}

/*** home pagelayout ***/
#pagelayout{
margin-bottom:40px;

}

.bgtop{
height:7px;
font-size:7px;
padding:0;
background: url(../images/box/bgtop.png) no-repeat left top;
}

.bg{
background:#fff;
padding:0 12px;
_height:0;
}

.bghead{
background:#fff;
padding:8px 12px;
}

.bgbottom{
height:10px;
font-size:10px;
margin-bottom:1px;
background: url(../images/box/bgbottom.png) no-repeat left bottom;
}


.txt a{
background:none !important;
display:inline !important;
color:#999999 !important;
}

.box1-4 a{
padding-left: 10px;
display: block;
font-size: 11px;
line-height: 18px;
color:#028af2; 
background: url(../images/arrow.gif) no-repeat left  ;
}

.col a{
padding-left: 10px;
display: block;
font-size: 11px;
line-height: 18px;
color:#028af2; 
background: url(../images/arrow.gif) no-repeat left;
}


.big {
height:363px !important;
background: url(../images/box/big1-2.png) no-repeat left top !important;
}

.box1-2,
.box1-2img,
.box1-2imgr{
width:429px;
height:171px;
float:left;
padding:10px;
margin:0 1px 1px 0;
background: url(../images/box/1-2.png) no-repeat left top;
overflow:hidden;
}


.box1-2,
.box1-2img,
.box1-2imgr{
width:429px;
height:171px;
float:left;
padding:10px;
margin:0 1px 1px 0;
background: url(../images/box/1-2.png) no-repeat left top;
overflow:hidden;
}

.box1-2 {
padding:10px 20px;
width:409px;
}

*html .box1-2 {
padding:10px 20px;
width:408px;
}

.box1-4{
width:204px;
height:171px;
float:left;
margin:0 1px 1px 0;
padding:10px;
background: url(../images/box/1-4.png) no-repeat left top;
}

.box3-4{
width:654px;
height:171px;
float:left;
margin:0 1px 1px 0;
padding:10px;
background: url(../images/box/3-4.png) no-repeat left top;
}

.box1-2img img,
.box1-4 img,
.box3-4 img{
float:left;
}


.langmenu {
float:right;
padding:20px;	
}

.txt img{
float:none !important;

}

.txt .link a{
float:none !important;
background: url(../images/link/orangebullet.gif) no-repeat left top !important;
padding-left:15px !important;
font-size:12px;
}

.box1-2imgr img{
float:right;
}


.box1-2img .col,
.box1-4 .col,
.box3-4 .col{
padding:0 10px;
margin-left:200px;
padding-top:0;
}

.box1-2imgr .col{
padding:0 10px;
margin-right:200px;
}

.box1-1 img{
float:left;
padding:5px 0 0 0;
}
.box1-1 .bg{
min-height:230px;
}

.box1-1 .col{
margin-left:200px;
}

/* general  white box  */

.bigbox{
padding-bottom:12px;
}

.bigbox .col1-2,
.bigbox .col2-2{
float:left;
width:49%;
}

.col1-2 .greybox,
.col2-2 .greybox{
margin:12px;
}

.nomargin .col1-2 .greybox{
margin:12px 12px 22px 40px;
}

.nomargin .col2-2 .greybox{
margin:12px 40px 22px 12px;
}

.imgleft .col1-2{
width:200px;
margin-left:-8px;
display:inline
}

.imgleft .col2-2{
float:right;
width:640px;
}
.imgleft .greybox{
margin:6px 30px 6px 243px;
}

.nomargin .bgbottom{
margin-bottom:0;
}

/* greyboxes */

.greybox .top{
padding-left:24px;
background: url(../images/box/grey_lt.gif) no-repeat left top;
}

.greybox .top h2{
background: url(../images/box/grey_rt.gif) no-repeat right top;
padding:16px 24px 0 0;
text-transform:none;
margin:0;
height:18px;
color:#4a4a4a;
}
.greybox .bottom{
padding-left:24px;
background: url(../images/box/grey_lb.gif) no-repeat left bottom;
}
.greybox .inner{
background: url(../images/box/grey_rb.gif) no-repeat right bottom;
padding:3px 24px 12px 0;
margin:0;
}

.greybox p{
margin:2px 0;
padding:3px 0;
}

.greybox ul{
list-style:none;
padding:0;
margin:0;
}
.greybox li{
background:  url(../images/box/bullet.png) no-repeat left 7px;
padding:3px 0 3px 16px;
}

.greybox input{
border:#fff 1px solid;
border-left:#ddd 1px solid;
border-top:#ddd 1px solid;
background:#f0f0f0; /*url(../images/form/bg.gif) left top no-repeat;*/
font-size:11px;
margin:0;
padding:4px 8px 0 8px;
height:17px;
}

.greybox input.radio{
height:auto;
}

.greybox .send{
background:none;
display:block;
margin:5px 0;
padding:0;
}

.greybox .send input{
border:none;
background:none;
height:inherit;
width:inherit;
}

.nomargin{
padding-bottom:0;
}

.nomargin .box1-1{
padding:0 20px 0 12px;
}

.nomargin .topright{
float:right;
width:40%;
}

.nomargin .bg{
padding:0;
}

.highlight{
float:right;
width:346px;
background: url(../images/box/grey.png) no-repeat left top;
}

.highlight a{
color:#028af2; 
}

.highlight .top{
padding:16px 25px 0px 25px;
background: url(../images/box/grey.png) no-repeat left top;
}

.highlight .bottom{
padding:10px 25px 28px 25px;
background: url(../images/box/grey.png) no-repeat left bottom;
//background: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/grey.png', sizingMethod=scale);

}

.highlight h2{
color:#424445;
margin:0;
padding:10px 0 14px 0;
}

.highlight ul{
list-style:none;
padding:0;
margin:0;
}

.highlight li{
background: url(../images/box/bullet.png) no-repeat left 7px;
padding:0 0 0 16px;
margin:3px 0;
}

.item .bg{
padding:0 20px;
}

.topleft .bg{
_padding-right:0
}

/*** mainmenu ***/ 

#mainmenu{
background:url(../images/menu/bg.gif) repeat;
height:39px;
}

#mainmenu ul{
position:absolute;
z-index:50;
list-style:none;
margin:0;
padding:0 0 0 15px;
}

#mainmenu li{
float:left;
}

#mainmenu li a{
display:block;
padding:20px 17px 0 15px;
font-weight:bold;
text-transform:uppercase;
color:#454545;
height:18px; /*23px;*/ 
_float:left;
}

#mainmenu li a:hover{
color:#ffa000; 
text-decoration:none;
}

#mainmenu li.s a{
color:#f8b333;
}

.flyingbtn{
position:absolute;
z-index:40;
top:-100;
background:url(/images/menu/mainmenu_s_l.gif) no-repeat left 7px;
padding-left:48px;
width:80px;
height:50px;
}

.flyingbtn div{
background:url(/images/menu/mainmenu_s_r.gif) no-repeat right 7px;
width:100%;
height:100%;
}


/*** menu ***/ 

#menu{
padding:10px 0 8px 12px;
background:url(../images/menu/bgbottom.gif) no-repeat bottom;
margin-bottom:4px;
}

.submenu{
padding-top:10px;
background: url(../images/box/bgtop.png) no-repeat left top;
margin-bottom:4px;
}

.submenu .bgbottom{
padding:0 0 8px 90px;
background: url(../images/box/bgbottom.png) no-repeat left bottom;
margin-bottom:1px;
height:100%;
}

#menu ul,
.submenu ul{
list-style:none;
margin:0;
padding:0;
}

#menu li,
.submenu li{
float:left;
}

#menu li a,
.submenu li a{
display:block;
padding:3px 17px 3px 15px;
color:#454545;
height:12px;
width:185px; 
font-size:0.95em;
text-transform:inherit;
font-weight:normal;
line-height: 14px;
background:url(../images/menu/vdotline.gif) repeat-y right top;
}

#menu li a:hover,
.submenu li a:hover{
color:#ffa000; 
text-decoration:none;
}
#menu li.s,
.submenu li.s{
padding:0;
color:#ffa000;
background:none;
}


#menu li.s a,
#menu li.hs a,
.submenu li.s a,
.submenu li.hs a{
color:#ffa000;
padding:3px 17px 3px 15px;
margin:0;
}


/*** menucatalog ***/

#menucatalog{
margin-bottom:4px;}

#menucatalog .menubox{
float:left;
margin-right:15px;
}
#menucatalog .top{
background:url(../images/catalog/top.gif) no-repeat left top;
height:18px;
clear:both;
}

#menucatalog li{
float:left;
width:125px;
}

#menucatalog .top a{
display:block;
padding:6px 0 0 9px;
margin-left:20px;
text-transform:uppercase;
color:#f8b333;
line-height:12px;
background:url(../images/btn/arrowright.gif) no-repeat left 8px;
}

#menucatalog .top a:hover{
text-decoration: none;
}

#menucatalog .drawer{
/*display:none;*/
background:url(../images/catalog/bg.gif) repeat left top;
padding:6px 6px 0 18px;
_height:0
}

#menucatalog .innertop{
background:url(../images/catalog/innertop.gif) no-repeat left top;
height:6px;
font-size:6px;
width:275px;
}
#menucatalog .inner{
background:#4b4c4d;
width:255px;
padding:0 10px;
}

#menucatalog .col1-1,
#menucatalog .col1-2{
float:left;
width:125px;
}

#menucatalog .innerfoot{
background:url(../images/catalog/innerfoot.gif) no-repeat left -1px;
height:6px;
font-size:6px;
width:275px;
}

#menucatalog .foot{
background:url(../images/catalog/foot.gif) no-repeat left top;
height:7px;
font-size:7px
}
#menucatalog ul{
list-style:none;
margin:0;
padding:0;
}

#menucatalog li a{
display:block;
height:16px;
color:#bbb;
/*text-transform:uppercase;*/
font-size:10px;
font-weight:normal;
}

#menucatalog li a:hover,
#menucatalog li.s a{
color:#ffa000; 
text-decoration:none;
}

#menu .separator {
height:2px;
border-bottom:1px solid #ccc;
margin-bottom:4px;
margin-right:20px;
}



/* classics */


h1{
font-size:2em;
text-transform:uppercase;
padding:8px 0;
margin:2px 0 ;

}
h1 a{
padding: 0;
margin:0 ;
}

h2{
color:#f9be43;  
font-size:12px;
padding:6px 0 6px 0;
margin:0 0 6px 0;
text-transform:uppercase;
background: url(../images/body/dotline.gif) repeat-x left bottom;
}

.highlight h2{
color:#424445;
}

em {
display:block;
font-size:12px;
padding:0 0 6px 0;
margin:6px 0;
font-style:normal;
font-weight: bold;
}

p{
padding:8px 0;
margin:0;
}

hr{
display:none;
}

a.link{
display:block;
float:right;
background: url(../images/body/link.gif) repeat-x right 3px;
padding:1px 13px 1px 0;
color:#347be6;
font-size:0.9em;
}

.txt a.link{
color:#CCCCCC;
text-align:center;
}

a.link:hover{
background: url(../images/body/link.gif) repeat-x right -15px;
text-decoration:none;
color:#ffa000;
}

.line{
background: url(../images/body/dotline.gif) repeat-x left top;
height:2px;
font-size:2px;
}


/*** footer ***/

#foot{
background:url(../images/catalog/bg.gif) repeat left top;
color:#ddd;
}

#foot #inner{
margin: 0 auto;
width:901px;
height:300px;
}

#foot .boxtop{
margin-top:6px;
background:url(../images/footer/boxtop.png) no-repeat left bottom;
height:7px;
font-size:7px;
//background: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer/boxtop.png', sizingMethod=scale);

}

#foot .box{
background:url(../images/footer/boxbg.png) repeat-y left top;
//background: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer/boxbg.png', sizingMethod=scale);
}

#foot .boxfoot{
height:7px;
font-size:7px;
background:url(../images/footer/boxfoot.png) no-repeat left top;
//background: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer/boxfoot.png', sizingMethod=scale);

}

#foot .contact{
padding:5px 15px;
}

#menufoot{
}

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


#menufoot li{
float:left;
}

#menufoot li a{
display:block;
padding:2px 15px;
color:#ddd;
height:12px; 
font-size:0.9em;
float:left; /* ie */
}
#menufoot li a:hover{
color:#ffa000; 
text-decoration:none;
}
#menufoot li.s{
}

#menufoot li.s a{
color:#f8b333;
padding:4px 15px;
margin:0;
}

.contact .col1-4{
float:left;
width:100px;
text-transform: uppercase;
}
.contact .col2-4{
float:left;
width:210px;
}
.contact .col3-4{
float:left;
width:160px;
}
.contact .col4-4{
float:left;
width:240px;
}

/* lists */


.pricelist em{
color:#f9be43; 
}

.productlist .alter{
background:#eaeaea;
min-height:0;
}
.productlist .s{
background:#ddd;
min-height:0;
}
.productlist .s .prod{
color:#555; /*#ffa000;*/
}
.productlist .prod{
display:block;
float:left;
width:318px;
padding:4px 0 4px 16px;
color:#0090ff;
font-weight:bold;
background:url(/images/btn/arrow.gif) 5px 9px no-repeat;
}

.productlist .prop{
display:block;
float:left;
width:315px;
padding:4px 0;
}
.productlist .ref{
display:block;
float:left;
width:110px;
padding:4px 0;
font-size:0.9em;
}

.productlist .price{
display:block;
float:left;
width:90px;
padding:4px 10px 4px 0;
text-align:right;
font-weight:bold;
}
.productlist .allow{
display:block;
float:left;
width:11px;
padding:4px 0;
}
.productlist a.add{
display:block;
width:11px;
height:12px;
margin-top:1px;
background:url(/images/btn/bnt+2.gif) left top;
}
.productlist a:hover.add{
background:url(/images/btn/bnt+2.gif) left -21px;
}

.productlist .count{
font-size:0.9em;
font-weight:bold;
background:url(/images/box/minibox_l.gif) left top no-repeat;
padding-left:14px;
float:right;
}
.productlist .count div{
background:url(/images/box/minibox_r.gif) right top no-repeat;
padding:5px 16px 5px 0;
}

.prodimages{
padding:0 0 15px 0;
}

.prodimages .head{
background:#E4E4E4;
margin-bottom:10px;
min-height:0;
}


.prodimages h2{
background:none;
padding:0 0 3px 0;
margin:0;
color:#229fff;
}
.prodimages h4{
font-weight:normal;
padding:3px 0;
margin:0;
}
.prodimages .ref{
padding:10px 6px 0 0;
font-size:0.9em;
font-weight:bold;
}


.prodimages .col1-3{
float:left;
width:180px;
text-align:center;
}

.prodimages .col2-3{
padding-top:10px;
float:left;
width:460px;
font-weight:bold;
}

.prodimages .col3-3{
float:right;
width:190px;
margin-top:13px;
}
.prodimages .war{
text-transform:uppercase;
font-size:0.9em;
margin-top:35px;
}

.prodimages .pdf{
float:right;
margin:3px 3px 0 0;
padding:4px 20px 3px 0;
background:url(/images/icon/pdf.gif) right center no-repeat;
}

.prodimages .pdf a{
background:transparent url(/images/arrow.gif) no-repeat scroll left center;
color:#028AF2;
display:block;

font-size:11px;
line-height:18px;
padding-left:10px;
}


.prodimages .price{
clear:right;
float:none;
padding:8px 0 12px 0;
text-align:right;
width:187px;
font-weight:normal;
}

.prodimages .basket{
text-align:right;
}

/* disponibilites */

.prodimages .disp_yes{
float:left;
width:180px;
height:18px;
background: url(/images/icon/disp_yes.png) 8px 5px no-repeat; 
}
.prodimages .disp_no{
float:left;
width:180px;
height:18px;
background: url(/images/icon/disp_no.png) 8px 5px no-repeat; 
}
.prodimages .disp_wait{
float:left;
width:180px;
height:18px;
background: url(/images/icon/disp_wait.png) 8px 5px no-repeat; 
}

.detail .disp_yes{
float:left;
width:30px;
height:18px;
background: url(/images/icon/disp_yes.png) 8px 5px no-repeat; 
}
.detail .disp_no{
float:left;
width:30px;
height:18px;
background: url(/images/icon/disp_no.png) 8px 5px no-repeat; 
}
.detail .disp_wait{
float:left;
width:30px;
height:18px;
background: url(/images/icon/disp_wait.png) 8px 5px no-repeat; 
}

/* detail */
.detail .bg{
padding:16px 10px;
}

.detail .catname{
float:right;
padding:6px 0;
}
.detail .col1-1{
float:left;
width:235px;
text-align:center;
}
.detail .col1-2{
float:right;
width:635px;
}

.detail .col2-3{
padding:0 0 0 30px;
float:left;
font-weight:bold;
}

.detail .col3-3{
float:right;
width:190px;
margin-top:13px;
}

.detail .head{
background:#E4E4E4;
margin-bottom:10px;
min-height:0;
}

.detail h2{
background:none;
display:block;
float:left;
padding:3px 0 0 0;
margin:0;
color:#229fff;
}
.detail .ref{
padding:20px 6px 0 0;
font-size:0.9em;
font-weight:bold;
}

.detail .war{
text-transform:uppercase;
font-size:0.9em;
margin-top:8px;
}

.detail .pdf{
float:right;
margin:3px 3px 0 0;
padding:4px 20px 3px 0;
background:url(/images/icon/pdf.gif) right center no-repeat;
}

.detail .pdf a{
background:transparent url(/images/arrow.gif) no-repeat scroll left center;
color:#028AF2;
display:block;
font-size:11px;
line-height:18px;
padding-left:10px;
}

.detail .price{
clear:right;
float:none;
padding:8px 0 12px 0;
text-align:right;
width:187px;
font-weight:normal;
}

.detail .basket{
text-align:right;
}

/* search results */
.searchresult{
padding-bottom:24px;}

.searchresult p{
font-weight:bold;
padding:12px;
}

/* clonemneu */

#clonemenu{
width:20px;
height:20px;
background:#999;
position:absolute;
margin:10px;
}

/* variation box */

.varbox {
	margin-bottom:16px;
	padding-bottom:3px;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}


.varbox .head{
	padding:8px;
	
}

.varbox label{
	color:#999;
	display:block;
	
}

.varbox label span{
	color:#666;
	
}


/* override */
/*
.IFMenu {
	bottom:0;
	top:auto;
}
*/