@charset "UTF-8";
/* CSS Document */

#main_panel { height: 314px; width: 888px; border: 1px solid #d5d6db; margin:0 auto; }
#slider { height: 314px; width: 910px; position: relative; margin:0 auto;}

ul.main_panel_boxes { z-index: 1; float: right; position: absolute; left:654px; height: 314px; width: 234px; margin: 0; padding: 0;
  list-style-image: none; list-style-position: outside; list-style-type: none; overflow:hidden; }

ul.main_panel_boxes li { height:105px; width:234px; }
ul.main_panel_boxes a { height:105px; width: 234px; display:block; text-indent:-9999px; cursor: pointer; outline: none; text-decoration: none;}

#box_free { background: url(../images/box_1.jpg) no-repeat bottom left; }
#box_lowcost { background: url(../images/box_2.jpg) no-repeat bottom left; }
#box_billing { background: url(../images/box_3.jpg) no-repeat  bottom left; }
#box_mobile { background: url(../images/box_4.jpg) no-repeat bottom left; }
.selected { background-position:bottom right !important; }

.scroll { clear: left; height: 314px; width: 700px; overflow: auto; position: relative; text-indent:-9999px; }
.scrollContainer a { height: 314px; width:654px; _width:717px; float: left; display:block;  }
.scrollContainer #free { background:url(../images/zxzpanel_1.jpg) no-repeat; }
.scrollContainer #lowcost { background:url(../images/panel_2.jpg) no-repeat; }
.scrollContainer #billing { background:url(../images/panel_3.jpg) no-repeat; }

.main_panel_buttons { height: 18px; margin-left:38px; margin-top:268px; }

img { border:0; }