.content {
padding:0 8px 20px 0 !important;
width:736px !important
}
.right {
width:551px;
margin:0 0 0 14px
}
.content .left {
margin-top:50px
}
.right_bg {
float:right;
width:551px;
min-height:869px;
margin:15px 0 0 0
}
.names_top,.names,.names_bottom {
float:right;
padding-right:12px
}
.names_top,.names_bottom {
width:539px;
background-repeat:no-repeat
}
.names_top {
background-image:url(../../../design/israelibaby/css/names/names_top.jpg)
}
.names_bottom {
background-image:url(../../../design/israelibaby/css/names/names_bottom.jpg);
height:148px
}
.names {
background:url(../../../design/israelibaby/css/names/names_middle.jpg) repeat-x white;
width:537px;
margin-bottom:20px;
border-right:1px solid #F4F4F4;
border-left:1px solid #F4F4F4
}
.page_title.names_title {
margin:20px 5px 0 0;
font-size:22px;
min-height:27px
}
.page_title.names_title h1 {
float:right;
margin:0;
font-size:22px
}
.names_txt {
float:right;
width:519px;
font-size:14px;
margin:33px 3px 0 0;
line-height:19px
}
.control {
float:right;
margin:25px 1px 0 0;
border-bottom:1px solid #7c7c7e;
width:520px
}
.control h2 a {
float:right;
padding:9px 8px 0 3px;
margin:10px 0 0 0;
font-weight:bold;
font-size:15px;
text-decoration:none;
width:98px;
height:25px;
color:white
}
.control a.active {
padding:19px 8px 0 0;
margin-top:0
}
.control .boys {
background:#69B3FD
}
.control .girls {
background:#e1b9b7;
margin-right:8px
}
.names_top .letters {
float:right;
margin:10px 0 0 0;
width:520px
}
.names_top .letters a {
float:right;
height:21px;
width:19px;
margin:0 3px 0 0px
}
.names_top .letters a:hover img,.names_top .letters a.active img {
border-bottom:1px solid black;
margin-bottom:-1px
}
.letter {
float:right;
margin:20px 12px 0 0;
width:510px
}
.letter img {
float:right
}
.name_wrap {
float:right;
border-bottom:1px solid #ccc;
width:223px;
height:22px;
font-size:12px;
margin:0 0 4px 45px
}
.name_wrap.equal {
margin-left:0
}
.name_wrap .name {
float:right;
font-size:14px
}
.name_wrap .add {
float:left;
border-bottom:1px solid black;
position:relative
}
.name_wrap .add:hover {
border-color:#379afd
}
.name_wrap .add.in_basket {
display:none
}
.name_wrap .add .send {
color:black;
text-decoration:none;
background:transparent;
border:0;
outline:0;
margin:0;
padding:0
}
.name_wrap .add .send:hover {
color:#379afd
}
.name_wrap .added {
float:left;
display:none
}
.name_wrap .added.in_basket {
display:block
}
.added span {
float:right;
color:#379afd
}
.added img {
float:right
}
.added a {
float:right
}
.submit{
float:right;
margin:4px 248px 0 0
}
.submit a{
float:right
}
.submit img{
float:right
}
#to_basket {
width:0;
height:0;
position:absolute;
top:-1000000px;
overflow:hidden;
border:0
}
.related_articles{
float:right;
width:100%
}
.related_articles .related_title{
float:right;
width:300px;
background:url(../../../design/israelibaby/css/site_bg) center -111px repeat-x;
height:30px;
margin:20px 90px 20px 0;
padding:6px 0 0 0;
text-align:center;
font-size:21px
}
.related_articles .related_article{
float:right;
width:150px;
background:#ECECEC;
margin:0 0 14px 14px;
height:250px;
border:1px solid black
}
.related_articles .related_article .related_article_title{
float:right;
width:145px;
margin:0 5px 0 0;
font-size:16px
}
.related_articles .related_article .related_article_title a{
color:black;
text-decoration:none;
font-size:15px
}
.related_articles .related_article .related_article_img{
position:relative;
float:right;
width:100%;
height:150px
}
.related_articles .related_article .related_desc{
float:right;
font-size:14px;
width:145px;
margin:0 5px 0 0;
max-height:48px;
color:#58448C;
overflow:hidden
}
.related_articles .related_article .ads_hover{
position:absolute;
background:rgba(0,0,0,0.7);
color:white;
padding:5px;
bottom:0
}
.related_articles .related_article .ads_brand{
float:right;
color:gray;
margin:0 5px 0 0;
font-size:12px
}
.page_weeks{
float:right;
border:1px solid #A7A49B;
width:520px;
margin:10px 0 0 0;
padding:10px 20px 10px 0;
background:#EAE5F5
}
.page_weeks_title{
float:right;
width:100%;
text-align:center;
font-size:16px;
color:#B44490;
margin:0 0 5px 0;
font-weight:bold
}
.page_weeks a{
float:right;
margin:0 0 3px 0;
width:100%;
color:#B44490;
text-decoration:none;
font-size:15px
}
.page_weeks .row{
float:right;
margin:0;
width:130px
}
/* mobile */
@media all and (max-width:480px),(max-device-width:480px){
.content {
padding:0 !important;
width:480px !important
}
.page_title.names_title {
margin:0;
font-size:23px;
width:480px;
background:#f2f0f5;
height:54px
}
.page_title.names_title h1 {
font-weight:bold;
color:#59438e;
font-size:23px;
margin:14px 14px 0 0;
float:right
}
.right_bg {
float:right;
width:460px;
min-height:869px;
margin:15px 11px 0 0
}
.names_top {
background-image:none
}
.names_top,.names_bottom {
float:right;
padding-right:0;
width:100%;
background-repeat:no-repeat
}
.names_txt {
float:right;
margin:0 0 0 0;
width:100%;
font-size:16px;
text-align:right
}
.control {
float:right;
border-bottom:none;
width:100%;
margin:30px 0 0 0
}
.control a.active {
padding:20px 0;
margin-top:0
}
.control .boys {
float:right;
margin:0 0 0 0;
width:50%;
text-align:center;
text-decoration:none;
background:#d8d4e3;
font-size:18px;
color:#bcb8c7;
font-weight:bold;
padding:20px 0
}
.control .girls {
float:right;
margin:0 0 0 0;
width:50%;
text-align:center;
text-decoration:none;
background:#d8d4e3;
font-size:18px;
color:#bcb8c7;
font-weight:bold;
padding:20px 0
}
.control .girls.active{
float:right;
margin:0 0 0 0;
width:50%;
text-align:center;
text-decoration:none;
background:#aaa0c5;
font-size:18px;
color:white;
font-weight:bold;
padding:20px 0
}
.control .boys.active{
float:right;
margin:0 0 0 0;
width:50%;
text-align:center;
text-decoration:none;
background:#aaa0c5;
font-size:18px;
color:white;
font-weight:bold;
padding:20px 0
}
.names_top .letters {
float:right;
margin:0;
padding:36px 11px 0 11px;
width:438px;
background:#f2f0f5
}
.names_top .letters a {
float:right;
height:21px;
width:20px;
padding:0 8px 0 0;
margin:0 4px 0 4px
}
.names_top .letters a:hover img,.names_top .letters a.active img {
background:#e4d2fa;
border-bottom:none;
margin-bottom:none
}
.names_top .letters .divide {
float:right;
height:21px;
width:4px;
margin:0 0 0 0
}
.names_top,.names,.names_bottom {
float:right;
padding-right:0
}
.names {
width:100%;
padding-top:48px;
padding-bottom:20px;
margin-bottom:0;
border-right:none;
border-left:none;
background:#f2f0f5
}
.name_wrap {
float:right;
border-bottom:none;
width:135px;
height:22px;
font-size:14px;
margin:0 15px 27px 0
}
.name_wrap .added {
float:right;
display:none
}
.name_wrap .add {
float:right;
border-bottom:none;
position:relative
}
.name_wrap .add .send {
color:black;
text-decoration:none;
background:url(../../../design/israelibaby/css/mobile_imgs/cart.png);
width:29px;
height:21px;
border:0;
outline:0;
margin:0;
padding:0
}
.name_wrap .name {
float:right;
font-size:16px;
margin:0 10px 0 0
}
.names_bottom {
background-image:none;
height:105px;
background:#f2f0f5
}
.submit {
float:right;
margin:4px 19px 0 0
}
.article_adsense{
float:right;
width:100%;
height:350px;
text-align:center
}
.related_articles{
text-align:center
}
.related_articles .related_article {
float:none !important;
width:220px;
background:#ECECEC;
margin:0 0 8px 0;
height:250px;
border:none;
display:inline-block
}
.related_article.last{
margin:0 0 8px 0
}
.related_articles .related_article .related_article_img {
float:right;
width:220px;
height:139px;
margin:0
}
.related_articles .related_article .related_article_img img{
width:220px;
height:139px
}
.related_articles .related_article .related_article_title{
float:right;
width:204px;
text-align:right;
margin:2px 5px 2px 0
}
.related_articles .related_article .related_article_title a{
font-size:18px
}
.related_articles .related_article .related_desc{
font-size:20px;
width:204px;
text-align:right
}
.related_article.last{
margin:0 0 8px 0
}
.inner_linebreak {
float:right;
border:1px solid #b39ad6;
width:100%;
margin:9px 0 0 28px
}
.page_weeks {
float:right;
border:1px solid #A7A49B;
width:419px;
margin:10px 10px 0 0;
padding:10px 20px 10px 20px;
background:#EAE5F5
}
.page_weeks_title{
float:right;
width:100%;
text-align:center;
font-size:16px;
color:#B44490;
margin:0 0 5px 0;
font-weight:bold
}
.where_to_get_birth {
margin:-6px 0 0 0
}
}