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

*{margin: 0px; padding: 0px;}
body{background-color: #000;}

#switcher{height: 21px; background-color: #363636;}
#switcher span{float: right; color: #f6ce9b; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; padding-right: 10px; background: url(images/arr_up.gif) right 5px no-repeat; margin-right: 34px; margin-top: 4px; cursor: pointer;}

#panel{height: 281px; background: url(images/bg_tile.jpg) left top repeat-x;}
#content{width: 1160px; margin: 0 auto; padding-top: 28px; position: relative;}

#block1{background: url(images/step_1.png) left top no-repeat; width: 367px; height: 214px; float: left; margin-right: 29px;}
#block1 .inner{padding: 60px 0 0 34px;}
#block1 .inner #theme_name{text-align: center; padding-right: 30px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #363636;}
#block1 .inner .info{font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #363636; padding: 2px 0 2px 4px; text-align: center; padding-right: 30px; padding-top: 8px;}
#carousel{width: 306px; height: 92px; position: relative; margin-top: 12px;}
#carousel div#pics{width: 290px; height: 92px; margin: 0 auto; overflow: hidden; position: relative;}
#carousel div#pics img{position: absolute; display: none;}
#carousel div#pics img.active{top: 1px; left: 60px; z-index: 5; cursor: pointer;}
#carousel div#pics img.left{top: 10px; left: 5px; z-index: 1; height: 74px;}
#carousel div#pics img.left img{ height: 74px;}
#carousel div#pics img.right{top: 10px; left: 144px; z-index: 1; height: 74px;}
#carousel div#pics img.right img{height: 74px;}

#go_left{background: url(images/arr_left.png) left top no-repeat; width: 21px; height: 21px; cursor: pointer; position: absolute; top: 36px; left: 0px; z-index: 10;}
#go_right{background: url(images/arr_right.png) left top no-repeat; width: 21px; height: 21px; cursor: pointer; position: absolute; top: 36px; right: 0px; z-index: 10;}

#block2{background: url(images/step_2.png) left top no-repeat; width: 367px; height: 214px; float: left; margin-right: 29px; display: none;}
#block2 .inner{padding: 76px 0 0 34px;}
#block2 .inner .label{padding-left: 4px; padding-bottom: 2px;}
#block2 .inner select{width: 295px;}
#block2 .inner #pack_name{font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #c72101; padding-left: 4px; padding-top: 12px;}
#block2 .inner #pack_name img{padding-bottom: 2px;}
#block2 .inner .info{font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #363636; padding: 2px 20px 2px 4px;}

#block3{background: url(images/step_3.png) left top no-repeat; width: 367px; height: 214px; float: left; display: none;}
#block3 .inner{padding: 76px 0 0 34px;}
#block3 .inner .label{padding-left: 4px; padding-bottom: 2px;}
#block3 .inner select{width: 295px;}
#block3 .inner #host_price{font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #c72101; padding-left: 4px; padding-top: 12px;}
#block3 .inner .info{padding: 0 0 0 4px;}
#block3 .inner .info a{font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #c72101;}

#arr1{background: url(images/arr_green.png) left top no-repeat; width: 54px; height: 54px; position: absolute; top: 114px; left: 354px; cursor: pointer;}
#arr2{background: url(images/arr_green.png) left top no-repeat; width: 54px; height: 54px; position: absolute; top: 114px; left: 750px; cursor: pointer; display: none;}

#buy{background: url(images/buy.png) left top no-repeat; width: 147px; height: 47px; position: absolute; top: 215px; left: 1000px; cursor: pointer; display: none;}

.label{font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #363636; font-weight: bold;}