html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent;
}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*=@MAYER GLOBAL RESET COMPLETE-----------------------------------------------------------------------------------*/
/* @TYPOGRAPHY ---------------------------------------------------------------------------- */
body {font-family: Tahoma, Arial;font-size:76%;color:black; text-align:left}
div {font-size:1em;}
img {border:0;}
/* @LINKS -------------------------------------------------------------------------------- */
a, a:link, a:active {text-decoration: none;}
a:visited { }
a:hover {text-decoration: none;}
/* @HEADINGS--------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-weight: bold; margin:0 0 0.25em 0; padding: 0;}
h1 {font-size: 1.5em; margin:0.5em 0 0.5em 0;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}
/* @TEXT ---------------------------------------------------------------------------------- */
p { font-size: 1em; margin: 0 0 1.5em 0;padding:0;line-height:1.4em;}
blockquote {border-left: 10px solid #ddd;margin-left: 10px;}
pre {display:block;overflow:scroll;margin:0 16px 1.5em 16px;padding:2px;font-family:"Courier New", Courier, monospace;font-size: 1em;background-color:#eee;}
strong, b { font-weight: bold;}
em, i { font-style:italic;}
code {display: block;font-family: "Courier New", Courier, monospace;font-size: 1em;background-color: #eee;}
h2 code, p code {display: inline;}
/* @TABLE --------------------------------------------------------------------------------
table {margin:0;border-collapse: collapse;font-size: 1em;}
table caption {font-weight: bold;margin: 0 0 0 0;padding: 0 0 0.5em 0;text-align: left;}
th {padding: 2px;font-weight: bold;text-align: right;text-transform: lowercase;}*/
td {padding: 2px; font-size: 1em; text-align:left; vertical-align:top}
/*--------------------------*/
body { background:#FFF; }
.contentpane{width:100%; margin:0; padding:0}
.contactBlock{width:715px; margin:20px 0 15px 18px}
.contactDes{float:left; width:275px; border-right:1px solid #EfEfEf; height:440px; position:relative}
.conLoc{height:67px; border-bottom:1px solid #EfEfEf; }
.conClose{width:100%;position:absolute; bottom:-1px; z-index:10 }
.contactForm{float:left; width:413px; margin:0 0 0 17px;}
.contactForm h1{ background:#b9c7d0; color:#FEFFFF; height:16px; font:bold 14px Arial; padding:6px 12px; width:auto; margin:0}
.contactForm span, .conOth p span{ line-height:20px; color:#555555; font-size:11px; font-family:verdana}
.contactForm .inpbox{ height:20px; width:175px; border:1px solid #adb9c5}
.contactForm textarea{border:1px solid #adb9c5}
.contactDes p{padding-left:45px}
.conLoc p{background:url(images/homeicon.gif) no-repeat 12px 0; color:#27568E; font-size:11px; line-height:14px; font-family:Verdana; font-weight:bold; margin-right:15px; padding:0 0 0 55px}
.conOth{padding-top:15px; margin-right:15px}
.conOth{background:#F2F2F2; padding:10px; margin-top:15px}
.conOth p{margin:5px 0; padding:0 0 0 45px}
.conOth strong{color:#285590; font-size:11px; font-family:Verdana}
p.listname{background:url(images/nameicon.gif) no-repeat 0 3px; height:30px}
p.listtel{background:url(images/telicon.gif) no-repeat 0 3px; height:30px}
p.listfax{background:url(images/faxicon.gif) no-repeat 0 3px; height:30px}
.cf{width:385px; background:#F2F2F2; padding:15px 10px 15px 18px; margin:15px 0 0 0;}
.row{ width:100%; margin-bottom:5px}
.row .l{float:left; width:195px; }
.row .r{float:left; width:185px; }
.ftr{ padding-top:15px}
.conClose a.fermerEN{display:block; background:url(images/fermerEN.gif) no-repeat; width:74px; height:24px; text-indent:-9999px}
.conClose a.fermerEN:hover{background:url(images/fermerHoverEN.gif) no-repeat; }
.conClose a.fermerFR{display:block; background:url(images/fermerFR.gif) no-repeat; width:74px; height:24px; text-indent:-9999px}
.conClose a.fermerFR:hover{background:url(images/fermerHoverFR.gif) no-repeat; }
.conClose a.fermerDE{display:block; background:url(images/fermerDE.gif) no-repeat; width:89px; height:24px; text-indent:-9999px}
.conClose a.fermerDE:hover{background:url(images/fermerHoverDE.gif) no-repeat; }
/*STYLES OF CLAVAL PRODUCT DETAILS*/
#clavalProductDetails{width:705px;margin:0 auto;font:11px "arial";}
#clavalProductDetails .floatleft { float:left}
#clavalProductDetails .floatright { float:right}
#clavalProductDetails .lftArea {width:271px; position:relative; padding-top:20px;}
#clavalProductDetails .imgArea { width:auto; margin:0;padding:0; border-bottom:1px solid #e7e7e7;text-align:left;}
#clavalProductDetails .imgArea img{width:255px; height:278px;}
#clavalProductDetails .tblArea{ width:auto; padding:0 17px 0 0; padding-top:16px; }
#clavalProductDetails .order{ width:228px; background:#a0b1bc; padding:16px 14px 16px 13px; color:#3e627b; font-size:12px;}
#clavalProductDetails .order h1{ font-size:14px; color:#fff; font-weight:bold; margin:0; padding:0}
#clavalProductDetails .order input{ width:56px; height:19px;}
#clavalProductDetails .order .btn{width:113px; height:31px; margin:0; padding:0}
#clavalProductDetails .order select{ width:228px; border:1px solid #5d7793; background:#cfdbe8; height:17px; font-size:11px;}
#clavalProductDetails .order .seperator{ background:url(images/seperator.gif) repeat-x; height:2px;}
#clavalProductDetails .rtArea {width:413px; _width:392px; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #e7e7e7; padding-left:23px; _padding-left:10px;}
#clavalProductDetails .head1 {background:#b8c7d1;line-height:25px;color:#fff; padding:2px 3px 2px 10px; font-size:14px !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold;margin-bottom:4px;padding-top:5px;}
#clavalProductDetails .head2 {background:#a0b1bc;line-height:25px;color:#fff;padding:5px 5px 5px 10px;font:14px "arial";font-weight:normal;margin-bottom:4px;}
#clavalProductDetails .txtArea1{ width:auto; padding:15px; background:#f2f2f2; color:#a0a0a0; font:12px "arial"}
#clavalProductDetails .txtArea1 table{margin:0; padding:0; border:none}
#clavalProductDetails .txtArea2{ width:auto; border-right:2px solid #fff;border-left:2px solid #fff;padding:15px; background:#f2f2f2; color:#a0a0a0; font:12px "arial"; margin-top:-2px}
#clavalProductDetails .txtArea2 table{margin:0; padding:0; border:none}
#clavalProductDetails .txtArea1 h1, #clavalProductDetails .txtArea2 h1 { font-size:14px; color:#a0b1bc; font-weight:bold; margin:0; padding:0; margin-bottom:10px;}
#clavalProductDetails .sep{ background:url(images/sep.gif) repeat-x; height:2px;}
#clavalProductDetails .accText{width:212px}
/*Shopping Cart Styles*/
#clavalShoppingCart {width:695px; margin:0 auto; font:11px "arial"; overflow:hidden;}
#clavalShoppingCart .floatleft {float:left}
#clavalShoppingCart .floatright {float:right}
#clavalShoppingCart .header {height:51px;background:url(images/headbg.gif) repeat-x;margin-bottom:32px;color:#fff;font:14px "arial";font-weight:bold;line-height:25px;padding-left:10px;}
#clavalShoppingCart .header img {float:right}
#clavalShoppingCart .head { height:23px;background:#a0b1bc; color:#fff; padding:5px 0 0 10px;font:14px "arial";font-weight:bold; margin:0 0 7px 0;}
#clavalShoppingCart .txtarea {padding:0px;background:#f2f2f2;color:#6a6a6a;margin-bottom:10px;}
#clavalShoppingCart .txtarea .color {font:14px "arial"; margin:0;padding:0;color:#8899a4;margin-bottom:10px;}
#clavalShoppingCart .txtarea h1 {font:14px "arial";margin:0;padding:0; font-weight:bold;color:#8899a4;}
#clavalShoppingCart .txtarea input {width:56px; height:17px;color:#3e627b}
#clavalShoppingCart .style1 {color: #3e627b;font-weight: bold;}
#clavalShoppingCart .total{ font-size:14px; color:#a0b1bc; font-weight:bold;}
#clavalShoppingCart .blue{ color:#3e627b}
.midbox{ border:1px solid red}
.accText { border:none}