div.content {
padding-right:0;
width:741px
}
.right {
width:741px
}
.right .left {
margin:0
}
.content_holder {
width:566px;
margin-right:5px
}
.page_title.baby_title {
margin-top:20px;
margin-right:20px
}
.babypedia {
float:right;
width:555px;
overflow:hidden;
margin:0px 0 20px 0
}
.baby_top {
float:right;
width:555px;
height:13px;
background:url(../../../design/israelibaby/css/babypedia/bg_top.jpg) no-repeat
}
.babypedia .letters {
float:right;
width:555px;
height:49px;
background:url(../../../design/israelibaby/css/babypedia/bg_letters.jpg) no-repeat
}
.babypedia .letters a {
float:right;
height:21px;
width:19px;
margin:8px 0 0 2px
}
.babypedia .letters .normal {
display:block
}
.babypedia .letters .hover {
display:none
}
.babypedia .letters a:hover .normal,.babypedia .letters .active .normal {
display:none
}
.babypedia .letters a:hover .hover,.babypedia .letters .active .hover {
display:block
}
#bl0 {
margin-right:30px
}
.babypedia .words {
float:right;
width:495px;
background:url(../../../design/israelibaby/css/babypedia/bg_center.jpg) white repeat-x;
border-left:1px solid #F5F5F5;
border-right:1px solid #F5F5F5;
padding:0 30px 0 2px;
margin-right:13px
}
.babypedia .words .term {
float:right;
text-decoration:none;
color:#b09797;
background:url(../../../design/israelibaby/css/dashed_bottom.png) no-repeat bottom right;
width:240px;
margin:0 0 14px 0;
font-size:13px;
font-weight:bold;
padding:0 6px 0 0
}
.baby_bottom {
float:right;
width:555px;
height:8px;
background:url(../../../design/israelibaby/css/babypedia/bg_bottom.jpg) no-repeat
}
.notepad {
float:right;
background:url(../../../design/israelibaby/css/babypedia/notepad_bg.jpg) top right no-repeat;
height:353px;
width:540px;
margin:0px 11px 0 0
}
.notepad_title {
float:right;
width:540px;
font-weight:bold;
color:black;
font-size:18px;
margin:49px 24px 0 0
}
.notepad_title h1{
font-size:18px;
margin:0;
float:right
}
.notepad_txt {
float:right;
width:488px;
font-size:14px;
margin:10px 17px 0 0;
line-height:18px;
max-height:230px;
overflow:hidden
}
.notepad_link {
float:right
}
.notepad_link a {
float:right;
color:black;
font-size:13px;
margin:8px 17px 0 0
}
.more {
float:right;
height:auto;
width:540px;
margin:0px 5px 0 0;
border-bottom:1px solid #ccc
}
.more_title {
float:right;
width:540px;
font-weight:bold;
color:#8b81bd;
font-size:18px;
margin:29px 24px 0 0;
text-decoration:none
}
.more_txt {
float:right;
width:468px;
font-size:14px;
margin:4px 23px 0 0;
line-height:18px
}
.more_link {
float:right
}
.more_link a {
float:right;
font-size:13px;
margin:4px 23px 0 0;
color:#825782
}
/* mobile */
@media all and (max-width:480px),(max-device-width:480px){
.title {
float:right;
width:100%;
text-align:center;
font-size:22px;
color:#59438e;
font-weight:bold;
margin:17px 0 24px 0
}
.content_holder {
width:480px;
margin-right:0
}
.babypedia {
float:right;
width:460px;
margin:4px 11px 0 0;
background:#f6f5f8
}
.babypedia .letters {
float:right;
margin:0 11px 0 0;
width:449px;
height:auto;
background:none
}
#bl0 {
margin-right:4px
}
.babypedia .letters a {
float:right;
height:21px;
width:20px;
padding:0 8px 0 0;
margin:0 4px 0 4px
}
.babypedia .letters a:hover .normal,.babypedia .letters .active .normal {
display:block
}
.babypedia .letters .active .normal {
background:#e4d2fa
}
.babypedia .letters .divide {
float:right;
height:21px;
width:4px;
margin:0 0 0 0
}
.babypedia .words {
float:right;
margin:11px 11px 0 0;
width:440px;
background:none;
border-left:none;
border-right:none;
padding:0
}
.babypedia .words .term {
float:right;
text-decoration:none;
color:#4c4b4c;
width:120px;
margin:0 0 14px 26px;
font-size:16px;
font-weight:bold;
height:36px;
border-bottom:1px solid #b39ad6;
background:none;
padding:0
}
.notepad {
width:460px
}
.notepad_title {
width:412px
}
.notepad_txt {
width:426px
}
.more {
float:right;
height:auto;
width:460px;
margin:0px 11px 0 0;
padding:0 0 29px 0;
border-bottom:1px solid #b39ad6
}
.more:last-child {
border-bottom:none
}
.more_title {
width:412px;
color:#b39ad6
}
.more_txt {
width:414px
}
}