.faq{clear:both;}
.qq{

margin:13px 0 3px 18px;
font-weight:900;
font-size: 140%;
color:#008AD5;
cursor:pointer;
}
.qq:hover {text-decoration: underline;}
.aa{
padding: 1em;
margin:3px 18px 3px 18px;
border: solid 1px #d7d7d7;
}
/* ------ The FAQ Show/Hide Links ----- */
a.aaShow, a.aaHide{
float:left; 
margin:0 5px 0 0;
padding: 0 2px;
font-size:10px;
text-decoration:none;
width:16px;
text-align:center;
border:1px solid #FFF;
color:#232323;
}
a.aaHide{
border:1px dotted #EEE;
}
a.allShow, a.allHide{
display:inline;
float:left;
width:100px;
border:1px dotted #EEE;
background-color:#FFF;
color:#004080;
padding:4px;
font-size:12px;
margin:0 5px 15px 0;
text-align:center;
border: solid 1px #d7d7d7;
text-decoration: none;
margin: 15px 5px;
}
a.allShow:hover, a.allHide:hover{
	background: #CAE4F2;
	color: ;
}
a.aaShow:hover, a.aaHide:hover{
border:1px dotted #004080;
}
a.aaHide:hover{
color:#004080;
}
a.aaShow:hover{
color:#004080;
}
.oo .aaShow{
display:none;
}
.xx .aaHide{
display:none;
}
/*------- These links are shown with JS, hidden if JS is off ------ */
a.aaShow, a.aaHide, a.allHide, a.allShow{
display:none;
}
/* ------- Add class of 'imgLinks' to show arrow images -------*/
.imgLinks .qq{
background-position:left;
background-repeat:no-repeat;
padding-left:22px;
}
.imgLinks .oo .qq{
background-image:url(../i/tarifler/itemclose.gif);
}
.imgLinks .xx .qq{
background-image:url(../i/tarifler/itemopen.gif);
}