#choose-a-balloon{
width:570px;
height:277px;
margin:0 0 10px 0;
padding:5px;
background:#FFF;
border:1px solid #A19267;
display:none;
position:absolute;
margin:50px 0 0 85px;
z-index:100;
}
/*///////////////////////////////////////*/
#choose-a-balloon h3{
height:35px;
line-height:35px;
margin:0 0 5px 0;
background:#A19267;
border-bottom:5px solid #505634;
color:#FFF;
text-indent:10px;
position:relative;
}
#choose-a-balloon h3 a{
padding:0 15px;
background:#505634;
border-left:1px solid #FFF;
color:#FFF;
text-decoration:none;
text-indent:0;
display:block;
position:absolute;
top:0;
right:0;
}
#choose-a-balloon h3 a:hover{
color:#FC0;
}
/*///////////////////////////////////////*/
#choose-a-balloon #balloon{
width:180px;
height:180px;
margin:0 6px 0 0;
padding:25px 49px;
background:#FFF;
border:1px solid #A19267;
float:left;
}
#choose-a-balloon #balloon img{
width:180px;
height:180px;
display:block;
}
#choose-a-balloon #balloon a{
position:absolute;
margin:-50px 0 0 10px;
}
/*///////////////////////////////////////*/
#choose-a-balloon #balloons{
width:276px;
height:226px;
padding:2px;
background:#FFF;
border:1px solid #A19267;
overflow:auto;
float:left;
list-style-type:none;
}
#choose-a-balloon #balloons li{
padding:0;
}
#choose-a-balloon #balloons li a{
height:30px;
line-height:30px;
background:#B5A885 url(/img/layout/expand-white.gif) no-repeat 100% 50%;
border-top:1px solid #BDB395;
border-bottom:1px solid #A19267;
display:block;
color:#FFF;
font-size:120%;
text-decoration:none;
text-indent:10px;
}
#choose-a-balloon #balloons li a:hover{
background:#BDB395 url(/img/layout/expand-white.gif) no-repeat 100% 50%;
text-decoration:none;
}
#choose-a-balloon #balloons li a.expanded{
background:#BDB395 url(/img/layout/colapse-white.gif) no-repeat 100% 50%;
}
#choose-a-balloon #balloons li a.expanded:hover{
background:#BDB395 url(/img/layout/colapse-white.gif) no-repeat 100% 50%;
}
#choose-a-balloon #balloons li ul{
display:none;
list-style-type:none;
}
#choose-a-balloon #balloons li ul li a{
background:#FFF;
border-top:0;
border-bottom:1px solid #BDB395;
color:#505634;
font-size:12px;
position:relative;
}
#choose-a-balloon #balloons li ul li a:hover{
text-decoration:none;
background:#DDD;
}
#choose-a-balloon #balloons li ul li a span{
position:absolute;
top:0;
right:10px;
color:#C00;
}
/*///////////////////////////////////////*/
#choose-a-balloon #balloon-details{
width:279px;
height:226px;
padding:2px;
background:#BDB395;
border:1px solid #A19267;
position:absolute;
top:50px;
right:5px;
display:none;
color:#FFF;
z-index:1;
font-size:120%;
}
#choose-a-balloon #balloon-details a.closethis{
color:#FFF;
font-size:120%;
text-decoration:none;
float:right;
}
#choose-a-balloon #balloon-details dt{
font-size:140%;
font-weight:bold;
}
#choose-a-balloon #balloon-details div{
height:211px;
padding:5px 10px 10px 10px;
background:#BDB395;
}
#choose-a-balloon #balloon-details div ul{
list-style-type:none;
}
#choose-a-balloon #balloon-details div ul li{
padding:0;
}
#choose-a-balloon #balloon-details div .add-to-basket{
width:140px;
line-height:30px;
margin:10px 0;
background:#5D4C56;
color:#FFF;
font-size:14px;
font-weight:bold;
text-align:center;
display:block;
}
#choose-a-balloon #balloon-details div .add-to-basket:hover{color:#FC0;}
#choose-a-balloon #balloon-details div p{
margin:0;
padding:0;
color:#FFF;
font-size:140%;
}