/* CSS Document */
html{
height:100%;
}
body{
/*background:url('http://www.passionauto.com/catalogue/img/bg5.gif');*/
background:url(../Img/bg_body.jpg) top left repeat-x #373737;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
margin:0;
padding:0;
text-align:center;
height:100%;
}
h1{
font-size: 8pt;
color: #000000;
background-color:#eeeeee;
border:1px solid #CCCCCC;
text-decoration: none;
margin:10px 30px 5px 30px;
clear:both;
}
h2{
font-size: 8pt;
color: #000000;
text-decoration: none;
margin:5px 30px 5px 30px;
}
h3{
font-size: 8pt;
color: #000000;
text-decoration: none;
margin:5px 30px 5px 30px;
}
h4{
font-size: 8pt;
color: #e9d000;
text-decoration: none;
margin:0;
font-style:italic;
}
h5{
font-size: 8pt;
color: #cc0000;
text-decoration: none;
margin:0;
font-style:italic;
}
h6{
font-size: 8pt;
font-style: normal;
color: #e9d000;
text-decoration: none;
margin:0;
}
img{
border:none;
}
input[type=button],.btn,.valide input,#formCommande .valide input {
background-color:#000000;
color:#FFFFFF;
border:1px solid #ff0000;
}
#total{
width:950px;
margin:0 auto 0 auto;
text-align:left;
background:url(../images/centre-bg.jpg) bottom right no-repeat #ffffff;
}
#top{
background:url(../Img/bg_bandeau.jpg) top left no-repeat #000000;
border-left:1px solid #999999;
border-right:1px solid #999999;
}
#logoPassion{
display:block;
padding:0;
margin:10px 0 0 0;
text-align:right;
background:url(../Img/logoPassion.gif) top right no-repeat;
width:300px;
height:60px;
float:right;
}
#menu1{
color:#000000;
font-size:75%;
margin:0;
text-align:right;
height:25px;
padding:0 0 0 0;
clear:both;
background:url(../Img/menu1-bg.gif) top left repeat-x;
float:right;
}
#extraDiv2{
background:url(../Img/menu1-bg-L.gif) top left no-repeat;
width:66px;
height:100%;
float:left;
}
#menu1 a.first{
border:none;
}
#menu1 a{
color:#000000;
float:left;
border-left:1px solid #000000;
margin:2px;
padding:0 2px 0 5px;
text-decoration:none;
}
#menu1 a:hover{
color:#ff0000;
}
#ventre{
clear:both;
}
#menuGauche{
float:left;
width:193px;
padding:0;
font-size:90%;
margin-top:-25px;
min-height:638px;
_height:638px;
background:url(../Img/menuG-bg.jpg) center right no-repeat;
border-right:1px solid #d4d4d4;
}
#menuGauche ul{
margin:0;
padding:0 0 15px 0;
_padding:0 0 5px 0;
list-style-type:none;
margin-top:-1px;
background:url(../images/menuGauche-bg-b.jpg) bottom left no-repeat;
_background:none;
}
#menuGauche ul ul{
padding:0;
background:none;
}
#menuGauche li a{
background:url(../images/menuGauche-niv1-bg-type-2.jpg) bottom left no-repeat;
margin:0;
padding:25px 0 7px 10px;
color:#FFFFFF;
text-decoration:none;
display:block;
font-size:16px;
font-weight:bold;
}
#menuGauche li#menuGfirst a{
padding-top:3px;
}
#menuGauche li a.active,
#menuGauche li li a.active,
#menuGauche li li li a.active,
#menuGauche li li li li a.active,
#menuGauche li#menuGfirst a.active,
#menuGauche li#menuGfirst li a.active,
#menuGauche li#menuGfirst li li a.active,
#menuGauche li#menuGfirst li li li a.active{
color:#ff0000;
}
#menuGauche li li a,#menuGauche li#menuGfirst li a{
background:url(../images/menuGauche-niv2-bg.jpg) top left no-repeat;
margin:0;
padding-top:0px;
padding-bottom:2px;
min-height:14px;
_height:14px;
font-size:11px;
font-weight:normal;
}
#menuGauche li li li a,#menuGauche li#menuGfirst li li a {
background:url(../images/menuGauche-niv3-bg.jpg) top left no-repeat;
margin:0;
padding-top:2px;
min-height:14px;
_height:14px;
border-bottom:1px solid #ffffff;
color:#000000;
font-size:11px;
font-weight:bold;
}
#menuGauche li li li li a,#menuGauche li#menuGfirst li li li a{
background:url(../images/menuGauche-niv4-bg.jpg) top left no-repeat;
margin:0;
padding-top:4px;
min-height:16px;
_height:16px;
border-bottom:1px solid #CCCCCC;
color:#000000;
font-size:10px;
font-weight:normal;
}
#recherche{
background:url(../images/rech-bg.jpg) top left no-repeat;
width:100%;
margin:0;
padding:0;
min-height:48px;
_height:48px;
}
.inputRech{
font-size:80%;
width:140px;
margin:10px 2px 0 10px;
}
.inputOk,#formNewsLetter .inputOk{
background:url(../images/btnOk.gif) top left no-repeat;
border:none;
margin:0;
width:26px;
height:20px;
font-size:0px;
}
#formNewsLetter{
padding-left:10px;
margin-top:25px;
background:url(../images/newsletter-bg.jpg) top left no-repeat;
min-height:69px;
_height:69px;
}
#formNewsLetter p{
padding:10px 0 2px 50px;
font-size:12px;
margin:0;
}
#formNewsLetter .inputMail{
margin-left:25px;
width:100px;
font-size:80%;
}
.confirmNewsletter{
margin:0 10px 0 10px;
text-align:center;
}
#centre{
float:left;
width:755px;
border-left:1px solid #d4d4d4;
min-height:638px;
_height:638px;
margin-left:-1px;
padding-top:10px;
}
#filArianne{
margin:25px 30px 20px 30px;
color:#aaaaaa;
height:14px;
width:688px;
overflow:hidden;
font-size:11px;
}
#filArianne a{
color:#aaaaaa;
}
#filArianne a:hover{
color:#ff0000;
}
#filArianne .active{
color:#FF0000;
}
#identification{
float:right;
margin:0 5px 0 0;
padding:0;
position:relative;
top:-24px;
color:#FFFFFF;
font-size:85%;
}
.encartHome{
margin:5px 30px 5px 30px;
border:1px solid #CCCCCC;
}
#footer{
color:#666666;
border-top:1px solid #d4d4d4;
padding:0;
margin:0;
margin-top:0;
clear:both;
background-color:#ffffff;
font-size:80%;
text-align:center
}
#footer p{
margin:5px 0 0 0;
padding:0 0 5px 0;
}
#copyright{
font-weight:bold;
font-size:80%;
margin-bottom:25px;
text-align:center
}
#extraDiv1{
background-color:#FF0000;
height:10px;
font-size:1px;
margin:0;
clear:both;
}
.clear{
clear:both;
}
/*------------------------------Panier------------------------------*/
#tabPanier,#tabCommande{
margin:10px 30px 0 30px;
border-collapse:collapse;
border:1px solid #aeaeae;
width:695px;
}
#tabPanier .prix,#tabCommande .prix{
text-align:right;
}
#tabPanier input,#tabCommande input{
width:30px;
}
#recalcPanier{
text-align:right;
margin:0 30px 15px 30px;
width:670px;
}
#acceptCGV{
font-size:10px;
}
#tabPanier td,#tabCommande td{
border:1px solid #efefef;
padding:2px 5px 2px 5px;
font-size:11px;
}
#tabPanier th,#tabCommande th{
background-color:#000033;
color:#FFFFFF;
font-size:11px;
border:1px solid #efefef;
text-align:center;
padding:2px 5px 2px 5px;
}
#tabPanier .pied td{
background-color:#efefef;
border:1px solid #ffffff;
}
#formPanier{
text-align:center;
font-size:80%;
}
/*-----------------------formIdentification + formContact-------------*/
#formIdentification,#formContact,#formCommande{
width:350px;
padding:0 0 10px 0;
border:1px solid #aeaeae;
margin:5px auto 0 145px;
text-align:center;
}
#formContact{
margin:5px auto 0 220px;
}
#formCommande {
width:90%;
}
#formIdentification p,#formContact p{
margin:0 0 10px 0;
}
#formIdentification input[type=text],#formIdentification input[type=password],#formContact input[type=text],#formContact input[type=password],#formContact textarea{
width:90%;
}
#formIdentification label,#formContact label{
background-color:#efefef;
display:block;
padding:5px 0 5px 0;
margin:0 0 5px 0;
}
/*Home page*/
#listeHome {
margin:20px 0 15px 25px;
padding:0;
height:91px;
list-style-type:none
}
#listeHome li {
float:left;
margin-right:8px;
}
#listeHome h1{
display:none;
}
.titrePromo{
background-color:#cc0000;
color:#ffffff;
margin-right:30px;
padding-left:5px;
}
.titreNew{
background-color:#FF6600;
color:#ffffff;
margin-right:30px;
}
h1.titreTop10{
background-color:#000099;
color:#ffffff;
margin-right:30px;
padding-left:5px;
}
/*-------------------form commande-----------------*/
#formCommande {
border:none;
font-size:90%;
margin-left:50px;
width:560px;
}
#formCommande .niveau1 {
float:left;
width:50%;
text-align:right;
}
#formCommande h3{
margin:0;
background-color:#eaeaea;
padding:3px;
}
#formCommande .col{
_height:25px;
min-height:25px;
}
#formCommande input,#formCommande select,#formCommande textarea{
float:left;
margin-left:5px;
}
#formCommande .checkBox{
float:none;
}
#formCommande input[type=checkbox],#formCommande input[type=button]{
float:none;
}
#formCommande fieldset{
margin-top:10px;
padding:0;
}
#formCommande .larg50{
}
#formCommande #remarque,#formCommande #adresse {
width:40%;
height:75px;
}
#valideComande,.valide{
text-align:center;
margin:5px;
}
#formCommande .valide input{
margin-top:5px;
float:none;
}
/*ListyeArticles*/
/* --------------- liste Articles --------------- */
#listeArticles,.interception {
margin:15px 30px 20px 30px;
/*
border-left:1px dotted #CCCCCC;
border-right:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
*/
clear:both;
overflow:hidden;
}
#listeArticles{
margin:15px 0 20px 30px;
_width:705px;
}
#listeArticles .visu{
border:none;
border-right:1px solid #cccccc;
}
.interception {
border:1px solid #dddddd;
padding:10px;
}
.interception p {
margin-top: 0px;
margin-bottom: 0px;
}
#contenuIndex {
margin:0;
padding:5px 0 0 0;
clear:both;
}
#tg {
float:right;
width:135px;
text-align:center;
padding:10px 0 10px 5px;
border-left:1px solid #dddddd;
}
#tg img{
border:2px solid #eee7e7;
display:block;
}
#listeArticles ul{
list-style-type:none;
margin:0;
padding:0;
float:left;
width:545px;
}
#listeArticles.listeResultatsRecherche .prix{
width:150px;
text-align:right;
}
#listeArticles.listeResultatsRecherche ul{
width:694px;
}
#listeArticles.listePageRub ul{
clear:both;
width:auto;
}
#listeArticles LI.spacer,#listeArticles.listePageRub LI.spacer{
clear:both;
float:none;
border:none;
height:0;
margin:0;
}
#listeArticles strike{
color:#999999;
font-weight:normal;
font-size:80%;
}
#listeArticles LI, #TG #listeArticles LI {
border:1px solid #cccccc;
margin:0 0 5px 0;
height:50px;
overflow:hidden;
float:left;
background-color:#ffffff;
}
#listeArticles.listePageRub UL LI,.listeActus li {
float:left;
border:1px solid #000000;
width:133px;
height:130px;
margin:5px 5px 5px 0;
text-align:center;
clear:none;
}
#listeArticles.listePageRub a,.listeActus a{
height:110px;
display:block;
}
#listeArticles.listePageRub a{
height:76px;
}
#listeArticles.listePageRub h4,.listeActus h4{
margin:0;
}
#listeArticles .vign{
display:block;
height:100%;
width:70px;
float:left;
text-align:center;
background-color:#FFFFFF;
margin-left:-2px;
}
#listeArticles.listePageRub .vign{
clear:both;
float:none;
width:100%;
height:76px;
overflow:hidden;
}
#listeArticles .commentaire{
float:left;
height:100%;
width:240px;
}
#listeArticles .nouveauPt{
float:left;
margin:10px 10px 0 2px;
}
#listeArticles.listeResultatsRecherche .commentaire{
width:375px;
}
#listeArticles img{
}
.listeArticleMenu{
float:right;
margin:1px 0 0 0;
padding:9px 5px 7px 0;
}
.listeArticleMenu img{
margin:5px 5px 5px 2px;
}
#listeArticles h4,#listeArticles h5{
margin:5px 5px 0 10px;
padding:0;
width:auto;
}
#listeArticles h4,#listeArticles h5{
padding:0px;
}
#listeArticles.listePageRub h4, #listeArticles.listePageRub h5{
margin-top:0;
}
#listeArticles.listePageRub h4{
height:45px;
padding-top:5px;
margin-top:5px;
background-color:#eeeeee;
border-top:1px solid #cccccc;
}
#listeArticles.listePageRub h4 a{
height:30px;
padding:0 10px 0 10px;
color:#000000;
}
#listeArticles h5{
margin-top:0;
border-top:none;
}
#listeArticles .prix{
float:left;
margin:17px 0 0 0;
padding:0 0 0 7px;
text-align:right;
width:150px;
}
#listeArticles UL LI IMG {
margin:0 0 0 0;
}
.triPage{
text-align:right;
font-size:80%;
margin-right:60px;
}
.promotion {
color:#F02B6A;
}
.prix a {
font-style:normal;
color:#F02B6A;
font-weight:bold;
font-size:110%;
}
#listeArticles UL LI A{
text-decoration:none;
}
/*liste actus*/
.listeActus{
list-style-type:none;
margin:15px 30px 0 29px;
_margin-right:0;
padding:0;
width:705px;
}
.listeActus h2{
margin-left:5px;
margin-bottom:5px;
margin-right:0px;
}
.listeActus li{
height:97px;
float:left;
width:133px;
margin:0 5px 5px 0;
border:1px solid #CCCCCC;
text-align:center;
overflow:hidden;
}
.listeActus .commentaire, .listeActus .unactive{
margin-top:0;
position:relative;
top:-100px;
z-index:1;
font-size:11px;
padding:0 10px 0 10px;
_margin-bottom:-100px;
}
.listeActus .active{
display:block;
height:100px;
width:100%;
margin:0;
background-color:#ffffff;
position:relative;
top:-100px;
}
.listeActus li img{
/*display:none;*/
z-index:2;
position:relative;
padding:0 0 0 0;
_padding:0;
}
.listeActus .prix{
color:#FF0000;
font-weight:bold;
margin:0;
}
.listeActus p{
margin:0 0 5px 0;
}
/*ficheArticles*/
#ficheArticle {
margin:13px 30px 5px 30px;
width:690px;
}
#ficheArticle .desciption{
margin:5px;
clear:both;
}
.colPrix{
background:url(../images/prix-bg.jpg) -1px 0 no-repeat;
padding-top:10px;
width:110px;
min-height:60px;
_height:60px;
color:#ff0000;
font-weight:bold;
float:right;
margin-right:5px;
}
.colPrix p{
text-align:center;
}
.visu {
border:1px solid #CCCCCC;
}
.btnZoom{
margin:0 0 0 0;
position:relative;
top:-32px;
left:310px;
}
#ficheArticle td {
padding:0;
vertical-align:top;
}
#ficheArticle .declinaison{
width:70px;
float:left;
clear:none;
margin:0;
margin:0 0 0 5px;
text-align:center;
}
.declinaison img{
margin-bottom:5px;
}
#ficheArticle #contientVisuel{
float:left;
margin:0;
}
#ficheArticle h2{
color:#FF0000;
font-size:110%;
font-style:normal;
font-weight:lighter;
margin-top:0;
margin-left:0;
float:left;
}
#ficheArticle .produitsComp{
vertical-align:top;
text-align:center;
padding:10px 0 0 7px;
border-left:1px solid #dddddd;
width:131px;
}
#ficheArticle .produitsComp h2,#tg h2{
clear:both;
float:none;
text-align:center;
margin:0 0 0 0;
padding:0;
color:#FF0000;
font-size:105%;
}
#ficheArticle .produitsComp p,#tg p{
margin:2px;
padding-bottom:5px;
}
.produitsComp a, #tg a{
clear:both;
float:none;
text-decoration:none;
font-size:11px;
}
#vignette1{
float:right;
}
.aMasquer{
display:none;
}
.warning{
display:block;
color:#FF0000;
text-align:center;
margin:5px 60px 5px 60px;
padding:5px;
border:1px solid #ff0000;
}
#succesPaiement {
text-align: center;
margin-top: 30px;
font-size: 11px;
}
/*ancienne CSS*/
.menu { font-family: Verdana; font-size: 8pt; color: #FFCC00; text-decoration: none}
.menu1bas { font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; font-weight: bold}
a { font-family: Verdana; color: #000000; text-decoration: underline; }
a:hover { font-family: Verdana; color: #FF0000; text-decoration: underline;}
td { font-family: Verdana; font-size: 9pt; color: #000000; text-decoration: none}
p { font-family: Verdana color: #000000; text-decoration: none}
textarea { font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none}
input { font-family: Verdana; font-size: 7pt; color: #000000; text-decoration: none}
.titre1 { font-family: Verdana; font-size: 9pt; color: #000000; text-decoration: underline; font-weight: bold}
.para1 { font-family: Verdana; font-size: 8pt; color: #222222; text-decoration: none; text-align: justify}
.para1:hover { font-family: Verdana; font-size: 8pt; color: #ff0000; text-decoration: underline}
.lien1 { font-family: Verdana; font-size: 8pt; color: #222222; text-decoration: underline}
.lien1:hover { font-family: Verdana; font-size: 8pt; color: #ff0000; text-decoration: underline}
.pop1 { font-family: Verdana; font-size: 8pt; color: #DDDDDD; text-decoration: none; text-align: justify}
.liste { font-family: verdana; font-size: 8pt; color: #000000}
.index { font-family: arial; font-size: 11pt; color: #CCCCCC; text-decoration: none}
.index:hover { font-family: arial; font-size: 11pt; color: #FFCC00; text-decoration: none}
.menu1 { font-family: verdana; font-size: 9pt; color: #FFCC00; text-decoration: none}
.menu1:hover { font-family: verdana; font-size: 9pt; color: #FFFFFF; text-decoration: underline}
.menu1bas { font-family: verdana; font-size: 7pt; color: #000000; text-decoration: none}
.menu1bas:hover {
font-family: verdana;
font-size: 7pt;
color: #333333;
text-decoration: underline overline;
font-weight: bold}
.menu2 { font-family: verdana; font-size: 8pt; color: #222222; text-decoration: none}
.menu2:hover { font-family: verdana; font-size: 8pt; color: #FF0000; text-decoration: none}
.menu3 { font-family: verdana; font-size: 9pt; color: #000000; text-decoration: none}
.menu3:hover { font-family: verdana; font-size: 9pt; color: #FF0000; text-decoration: underline}
.retour {
font-size: 9pt;
margin:0;
padding:5px 10px 0 60px;
height:20px;
}
.retour a{
color: #FFFFFF;
text-decoration: none;
}
.retour:hover { font-family: verdana; font-size: 9pt; color: #FF0000; text-decoration: underline}
.classe11 { font-family: verdana; font-size: 11pt; color: #000000; text-decoration: none}
.classe11g { font-family: verdana; font-size: 11pt; color: #000000; text-decoration: none; font-weight: bold}
.classe11rouge { font-family: verdana; font-size: 11pt; color: #FF0000; text-decoration: none}
.classe11grouge { font-family: verdana; font-size: 11pt; color: #FF0000; text-decoration: none; font-weight: bold}
.classe10 { font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none}
.classe10rouge { font-family: verdana; font-size: 10pt; color: #FF0000; text-decoration: none}
.classe9 { font-family: verdana; font-size: 9pt; color: #000000; text-decoration: none}
.classe9g { font-family: verdana; font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold}
.classe9rouge { font-family: verdana; font-size: 9pt; color: #FF0000; text-decoration: none}
.classe9grouge { font-family: verdana; font-size: 9pt; color: #FF0000; text-decoration: none; font-weight: bold}
.lienrouge9 { font-family: verdana; font-size: 9pt; text-decoration: none}
.lienrouge9:hover { font-family: verdana; font-size: 9pt; color: #FF0000; text-decoration: underline}
.classe8 { font-family: verdana; font-size: 8pt; color: #000000; text-decoration: none}
.classe8rouge { font-family: verdana; font-size: 8pt; color: #FF0000; text-decoration: none}
.lienrouge8 { font-family: verdana; font-size: 8pt; text-decoration: none}
.lienrouge8:hover { font-family: verdana; font-size: 8pt; color: #FF0000; text-decoration: underline}
.lienrouge8souligne { font-family: verdana; font-size: 8pt; text-decoration: underline}
.lienrouge8souligne:hover { font-family: verdana; font-size: 8pt; color: #FF0000; text-decoration: underline}
.classe7 { font-family: verdana; font-size: 7pt; color: #000000; text-decoration: none}
.classe7rouge { font-family: verdana; font-size: 7pt; color: #FF0000; text-decoration: none}
.lienrouge7 { font-family: verdana; font-size: 7pt; text-decoration: none}
.lienrouge7:hover { font-family: verdana; font-size: 7pt; color: #FF0000; text-decoration: underline}
.lienrouge7souligne { font-family: verdana; font-size: 7pt; color: #888888; text-decoration: underline}
.lienrouge7souligne:hover { font-family: verdana; font-size: 7pt; color: #FF0000; text-decoration: underline}
.classe6 { font-family: verdana; font-size: 6pt; color: #000000; text-decoration: none}
.produit { font-family: verdana; font-size: 8pt; color: #000000; text-decoration: none}
.produitlien { font-family: verdana; font-size: 8pt; text-decoration: none}
.produitlien:hover { font-family: verdana; font-size: 8pt; color: #FF0000; text-decoration: underline}
.titre-detail { font-family: verdana; font-size: 9pt; color: #000000; font-weight: bold}
.titre-detail:hover { font-family: verdana; font-size: 9pt; color: #FFCC00; font-weight: bold}
.prix-detail { font-family: verdana; font-size: 11pt; color: #000000; font-weight: bold}
.prix-detail:hover { font-family: verdana; font-size: 11pt; color: #000000; font-weight: bold; text-decoration: underline}
.plus-detail { font-family: verdana; font-size: 7pt; color: #000000; text-decoration: underline}
.plus-detail:hover { font-family: verdana; font-size: 7pt; color: #FF0000; text-decoration: underline}
.vo1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFCC00; text-decoration: none}
.vo1:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: underline}
.titre4 { font-family: Verdana; font-size: 18pt; color: #000000; text-decoration: none; font-weight: none}
.titre3 { font-family: Verdana; font-size: 20pt; color: #FFFFFF; text-decoration: none; font-weight: italic}
.titre2 { font-family: Verdana; font-size: 15pt; color: #000000; text-decoration: none; font-weight: bold}
.titre2b { font-family: Verdana; font-size: 12pt; color: #000000; text-decoration: none; font-weight: bold}
.lien2 { font-family: Verdana; font-size: 15pt; color: #FF0000; text-decoration: none; font-weight: bold}
.lien2:hover { font-family: Verdana; font-size: 15pt; color: #000000; text-decoration: underline; font-weight: bold}
.ste1 { font-family: Verdana; font-size: 10pt; color: #000000; text-decoration: none; font-weight: none}
.ste2 { font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; font-weight: none}
.client1 { font-family: Verdana; font-size: 14pt; color: #000000; text-decoration: none; font-weight: bold}
.client2 { font-family: Arial; font-size: 14pt; color: #000000; text-decoration: none; font-weight: none}
.facture1 { font-family: Verdana; font-size: 10pt; color: #000000; text-decoration: none; font-weight: none}
.facture2 { font-family: Verdana; font-size: 9pt; color: #000000; text-decoration: none; font-weight: none}
.facture3 { font-family: Verdana; font-size: 10pt; color: #000000; text-decoration: none; font-weight: bold}
.border1 { border-color: #000000; border: solid 1px }
.border1:hover { border-color: #FF0000; border: solid 1px }