/**********************************************************************
* Main
**********************************************************************/
#content_wrapper{
background:url('/lib/images/wheretobuy/bg-wheretobuy.jpg') no-repeat;
margin:0 auto;
min-height:632px;
width:1250px;
}
/**********************************************************************
* Slider
**********************************************************************/
#titles{
height:44px;
margin:0 auto;
position:relative;
text-align:center;
top:38px;
width:283px;
z-index:2;
}
#titles h1{
position:relative;
top:0;
width:283px;
}
#titles h1 img{
height:41px;
width:283px;
}
#titles h3{
color:#82d637;
display:none;
font-size:17px;
position:relative;
top:6px;
width:283px;
}
.slider{
background:url('/lib/images/wheretobuy/slider-middle-1x199.png') repeat-x;
height:157px;
margin:0 auto;
padding:21px 0;
position:relative;
width:1047px;
}
.slider a{
text-decoration:none;
}
.slider .btn{
background-image:url('/lib/images/wheretobuy/slider-btns.png');
background-repeat:no-repeat;
height:199px;
position:absolute;
top:0;
width:49px;
}
.scroll_btn_left{
background-position:0 0;
left:-49px;
}
.scroll_btn_right{
background-position:-49px 0;
right:-49px;
}
.scroll_btn_left.on{
background-position:-99px 0;
}
.scroll_btn_right.on{
background-position:-148px 0;
}
.scroll{
height:157px;
overflow:hidden;
position:relative;
width:1047px;
}
.scroll .panel{
float:left;
position:relative;
height:157px;
text-align:center;
width:1047px;
}
#choose .panel h2{
color:#e4e4e4;
font-family:arial;
font-size:24px;
padding-top:63px
}
.panel div{
border-right:2px solid #e2e2e2;
float:left;
margin-top:45px;
width:172px;
}
.panel div.last{
border-right:0;
}
.panel div span{
color:#9d9a9a;
display:block;
font-size:14px;
font-weight:700;
padding-top:6px;
}
.panel div img{
display:block;
height:80px;
margin:0 auto;
width:110px;
}
/**********************************************************************
* Background rollovers
**********************************************************************/
#map{
height:375px;
padding-top:14px;
width:1250px;
}
#map1{
float:left;
height:100%;
width:410px;
}
#map2{
float:left;
height:100%;
width:430px;
}
#map3{
float:left;
height:100%;
width:410px;
}
#map a{
color:#333;
display:block;
font-size:11px;
height:100%;
text-decoration:none;
width:100%;
}
#map a span{
background:url('/lib/images/wheretobuy/talk-bubble.png') no-repeat;
color:#898787;
display:none;
height:92px;
padding:20px 28px 45px;
position:relative;
width:164px;
}
#map1 a span{
left:46px;
top:-10px;
}
#map2 a span{
left:1px;
top:-28px;
}
#map3 a span{
left:18px;
top:-3px;
}
#map a span img{
display:block;
height:11px;
padding:8px 0 10px;
width:112px;
}
/**********************************************************************
* Bottom bar
**********************************************************************/
#bar{
background:url('/lib/images/wheretobuy/bar-silver-1x31.png') repeat-x;
display:block;
height:31px;
width:100%;
}
#bar span{
background-image:url('/lib/images/wheretobuy/txt-visittheponystore.png');
background-repeat:no-repeat;
display:block;
height:31px;
margin:0 auto;
width:201px;
}
#bar:hover span{
background-position:0 -31px;
}
/**********************************************************************
* Popup - Choose
**********************************************************************/
#TB_window a:hover{
text-decoration:none;
}
#TB_window{
background-color:transparent;
border:0;
}
#TB_ajaxContent{
background-image:url('/lib/images/wheretobuy/popup-choose.png');
padding:40px 15px 0;
}
#TB_ajaxWindowTitle{
color:#aaa;
left:52px;
top:26px;
}
#TB_closeWindowButton{
height:32px;
left:556px;
top:6px;
width:63px;
}
#TB_ajaxContent p{
font-size:14px;
left:43px;
position:absolute;
text-align:right;
top:180px;
width:190px;
}
#TB_ajaxContent #choosestore{
display:block;
height:41px;
left:293px;
position:absolute;
text-align:right;
top:148px;
width:298px;
}
#TB_ajaxContent #chooseretailers{
display:block;
height:41px;
left:326px;
position:absolute;
top:245px;
width:227px;
}