#scroller {width:100%; overflow:hidden;}
#scroller #content {width:4500px;}
#scroller #content .section {width:900px; float:left;}

#toolbar {background: url('http://www.photomon.com/photobook/img/Bt_Tab_bg.gif') repeat-x; display: table; width: 100%;}
#toolbar li {float: left;}
#toolbar li a {text-indent: -5000px; height: 35px; display: block; overflow: hidden; background: url('../images/photobook/tab.gif') no-repeat;}
#toolbar li a:active {outline: none;}
#toolbar li#event-tab a {width: 126px;}
#toolbar li#photobook-tab a {width: 120px; background-position: -126px 0;}
#toolbar li#size-tab a {width: 112px; background-position: -246px 0;}
#toolbar li#cover-tab a {width: 108px; background-position: -358px 0;}
#toolbar li#edit-tab a {width: 98px; background-position: -466px 0;}

#toolbar li#event-tab a:hover {background-position: 0 -35px;}
#toolbar li#event-tab.active a {background-position: 0 -35px;}
#toolbar li#photobook-tab a:hover {background-position: -126px -35px;}
#toolbar li#photobook-tab.active a {background-position: -126px -35px;}
#toolbar li#size-tab a:hover {background-position: -246px -35px;}
#toolbar li#size-tab.active a {background-position: -246px -35px;}
#toolbar li#cover-tab a:hover {background-position: -358px -35px;}
#toolbar li#cover-tab.active a {background-position: -358px -35px;}
#toolbar li#edit-tab a:hover {background-position: -466px -35px;}
#toolbar li#edit-tab.active a {background-position: -466px -35px;}
#toolbar li.world {text-align: right; width: 189px;}
#toolbar li.last {width: 146px; text-align: center; border-right: 1px solid #e0e0e0;}
#toolbar li.world a, #toolbar li.last a {text-indent: 0; background: none;}

/* square */
.square .flashbig {padding-bottom: 0;}
.square #scroller #content {width:3600px;}
.square #toolbar li a {background: none;}
.square #toolbar li#event-tab a {width: 176px; background: url('http://www.photomon.com/photobook/img/Bt2_Tab_1out.gif') no-repeat;}
.square #toolbar li#cover-tab a {width: 160px; background: url('http://www.photomon.com/photobook/img/Bt2_Tab_2out.gif') no-repeat;}
.square #toolbar li#theme-tab a {width: 165px; background: url('http://www.photomon.com/photobook/img/Bt2_Tab_3out.gif') no-repeat;}
.square #toolbar li#detail-tab a {width: 176px; background: url('http://www.photomon.com/photobook/img/Bt2_Tab_4out.gif') no-repeat;}
.square #toolbar li#event-tab a:hover,
.square #toolbar li#event-tab.active a {background: url('http://www.photomon.com/photobook/img/Bt2_Tab_1over.gif') no-repeat;}
.square #toolbar li#cover-tab a:hover,
.square #toolbar li#cover-tab.active a {background: url('http://www.photomon.com/photobook/img/Bt2_Tab_2over.gif') no-repeat;}
.square #toolbar li#theme-tab a:hover,
.square #toolbar li#theme-tab.active a {background: url('http://www.photomon.com/photobook/img/Bt2_Tab_3over.gif') no-repeat;}
.square #toolbar li#detail-tab a:hover,
.square #toolbar li#detail-tab.active a {background: url('http://www.photomon.com/photobook/img/Bt2_Tab_4over.gif') no-repeat;}
.square #toolbar li.last {width: 143px; padding-left: 80px; border: none;}
.square .path {padding-bottom: 20px;}
.square .listType {overflow: hidden; width: 710px; padding-bottom: 30px;}
.square .listType li {float: left; width: 300px; margin-right: 35px; padding-left: 20px; height: 380px; position: relative;}
.square .listType caption {color: #7bb52d; text-align: left;}
.square .listType th {font-weight: normal;}
.square .listType td strong {color: #039;}
.square .listType p {padding-bottom: 10px;}
.square .listType .go {position: absolute; bottom: 0; left: 20px;}
.square .bodyLWrap {width: 710px; overflow: hidden;}
.square .bodyLWrap .bodyLL {float: left; width: 350px;}
.square .bodyLWrap .bodyLL p span {color: #2552a5;}
.square .bodyLWrap .bodyLL dt {font-weight: bold;}
.square .bodyLWrap .bodyLL dd {margin: 0 0 10px 0;}
.square .bodyLWrap .bodyLL dd dt {font-weight: normal; float: left; margin-right: 5px;}
.square .bodyLWrap .bodyLL dd dd {margin-bottom: 0;}
.square .bodyLWrap .bodyLR {margin-left: 360px;}
.square .bodyLWrap .bodyLR .selectSize,
.square .bodyLWrap .bodyLR .selectCover {border-bottom: 3px solid #f5f5f5;}
.square .bodyLWrap .bodyLR .selectSize {padding-bottom: 2px;}
.square .bodyLWrap .bodyLR form {background: url('http://www.photomon.com/photobook/img/Ico_Dot3.gif') repeat-x 0 100%;}
.square .bodyLWrap .bodyLR form select {margin: 12px 0;}
.square .bodyLWrap .bodyLR dt label {font-weight: bold;}
.square .bodyLWrap .bodyLR dl a,
.square .bodyR .price tfoot li a {background: url('http://www.photomon.com/photobook/img/Ico_Dot2.gif') no-repeat 0 50%; padding-left: 10px;}
.square .bodyLWrap .bodyLR dt a {color: #00a0e9;}
.square .bodyLWrap .bodyLR dd a {color: #e94d00;}
.square .bodyLWrap .bodyLR .btnEdit {text-align: right;}
.square .bodyLWrap .bodyLR .editGuide {background: url('http://www.photomon.com/photobook/img/Menu_Bg_Oblique2.gif') repeat-x 0 100%; padding-bottom: 7px;}
.square .bodyLWrap .bodyLR .editGuide a {color: #039; font-weight: bold; background: url('http://www.photomon.com/photobook/img/icon_!.gif') no-repeat 0 50%; padding: 0 0 2px 20px;}
.square .bodyLWrap .bodyLR .viewSave {padding-top: 10px;}
.square .bodyLWrap .bodyLR .viewSave button {width: 180px; height: 18px;}
.square .bodyLWrap .bodyLR .how2 {padding: 10px 0 0 3px;}
.square .bodyR .price {width: 180px;}
.square .bodyR .price tbody th {border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: left; padding: 10px 10px 0;}
.square .bodyR .price tbody .borderL {border-left: 1px solid #e0e0e0; padding-left: 10px;}
.square .bodyR .price tbody .borderR {border-right: 1px solid #e0e0e0; padding-right: 10px; font-weight: bold; color: #039;}
.square .bodyR .price tfoot td {border: 1px solid #e0e0e0; border-top: none; padding: 10px;}
.square .bodyR .price tfoot strong {color: #039;}
.square .bodyR .price tfoot li {padding-top: 5px;}
.square .bodyR .price tfoot li a {color: #039;}
.square .bodyR .banner li {height: 65px; margin-top: 5px;}
.blogBorder2 {border: 1px solid #e0e0e0; margin-bottom: 5px;}

.galleryBest {border: 1px solid #e0e0e0; margin-bottom: 5px;}
.galleryBest .heading {background: #f8f8f8; padding: 6px 0 5px 15px; position: relative; border-bottom: 1px solid #e0e0e0;}
.galleryBest .heading a {position: absolute; top: 9px; right: 15px; background: url('http://www.photomon.com/photobook/img/Ico_Arrow.gif') no-repeat 100% 50%; padding-right: 10px;}
.galleryBest ul {overflow: hidden; width: 708px;}
.galleryBest li {float: left; position: relative; width: 324px; padding: 10px 15px;}
.galleryBest li img {float: left; margin-right: 10px;}
.galleryBest li span {position: absolute; top: 10px; right: 15px;}

#review {width: 710px; table-layout:fixed; border: 1px solid #e0e0e0; border-bottom: none;}
#review thead th {background: #f8f8f8; border-bottom: 1px solid #e0e0e0; padding: 6px 15px 5px;}
#review thead .pagination * {vertical-align: middle;}
#review td {height: 21px;}
#review tbody tr {background: url('../images/store/dotted.gif') repeat-x 0 100%;}
#review tbody td {padding: 5px 10px; text-align: left;}
#review .rating {color: #1d4ca2;}
#review .id, #review .date {text-align: center;}
#review dl {margin: 0; float: left;}
#review dt {float: left;}
#review dd {margin-left: 50px;}
#review div {margin-left: 130px;}
#review .afterboard1 {width: 90px;}
#review .afterboard2 {width: 344px;}
#review .afterboard3 {width: 170px;}
#review .afterboard4 {width: 105px;}

#body .bodyL {width: 710px; float: left;}
#body .bodyR {margin-left: 720px;}

.type1 li {float: left; margin-right: 8px; width: 231px;}
.type1 li.last {margin-right: 0;}
.type1 li .txtWrap {padding: 10px; border: 1px solid #e0e0e0; border-top: none; background: url('../images/photobook/bg-type.gif') repeat-x 0 100%;}
.type1 li .txtWrap .txt {padding-bottom: 10px;}
.type1 li a {width: 231px; height: 200px; text-indent: -5000px; overflow: hidden;}
.type1 li a:active {outline: none;}
.type1 li a.square {background: url('../images/photobook/square.jpg') no-repeat; display: block; }
.type1 li a.squareV {background: url('../images/photobook/square_v.jpg') no-repeat; display: block; }
.type1 li a.squareH {background: url('../images/photobook/square_h.jpg') no-repeat; display: block; }
.type1 li a:hover {background-position: 0 -200px;}
.type1 li p {padding-bottom: 10px;}
.type1 li .go {text-align: right;}

strong.off {color: #7bb52d;}
.bodyL ul th, .bodyL ul td {padding-right: 10px;}
.bodyL ul th {color: #666; text-align: left;}
.bodyL ul del {color: #999;}
.bodyL ul .discount {color: #039; font-weight: bold;}

.type3 {overflow: hidden; width: 709px; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
.type3 li {float: left; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center; position: relative; width: 176px; padding-bottom: 10px;}
.type3 li.last {width: 177px;}
.type3 li .productTitle {text-align: left; padding: 15px 0 20px 10px;}
.type3 li .price {color: #04489b;}

.bestofmonth {padding: 10px 0 5px;}

.TDPADDING6 {padding-bottom: 2px; padding-top: 2px;}
.TDPADDING7 {padding-right: 10px; padding-left: 5px;}

.theme {padding-bottom: 5px;}
.theme ul {padding: 7px 0 7px 15px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
.theme li a {color: #6e6e6e;}

#floatMenu {margin-left: 455px;}

#dis_order {position: absolute; left: 500px; top:460px; display: none; width: 400px; border: 1px solid #000; background: #fff;}
#dis_order .header {background: url('http://www.photomon.com/photobook/img/popup_Menu_Title_c.gif') no-repeat; height: 32px; text-align: right; padding: 8px 5px 0 0;}
#dis_order form {padding-left: 25px;}
#dis_order form ol {width: 350px;}
#dis_order form li {padding-top: 15px;}
#dis_order form li li {padding-top: 0; padding-bottom: 10px;}
#dis_order form .titleorder {border-bottom: 5px solid #f5f5f5; margin-bottom: 10px; padding-bottom: 5px;}
#dis_order form th, #dis_order form td {width: 60px;}
#dis_order form input {vertical-align: middle;}
#dis_order form li li span {padding-left: 25px;}
#dis_order form .viewsample {text-align: right;}
#dis_order form .viewsample a {background: url('http://www.photomon.com/photobook/img/Ico_Dot2.gif') no-repeat 0 50%; padding-left: 10px; color: #039;}
#dis_order .btnedit {text-align: right; padding: 15px;}

.status {position: relative; padding: 10px 0; width: 710px;}
.status .clock {background: url('../images/printing/bg_clock.gif') no-repeat; width: 126px; height: 45px; padding: 7px 0 0 7px; float: left;}
.status .tickerWrap {margin-left: 150px; padding-top: 5px;}
.status .tickerWrap #ticker-area {background: url('../images/photobook/icon_ticker.gif') no-repeat 0 13px; padding: 10px 0 0 20px; color: #0266b4;}
.status .etc {position: absolute; top: 15px; right: 18px;}
.status .etc li {background: url('../images/photobook/icon_saved.gif') no-repeat; padding-left: 25px; height: 19px; line-height: 19px;}
.status .etc li.delivery {background-position: 0 -19px;}
.status .etc li a {color: #0266b4;}

/* ½½¸²ºÏ */
.slimbook #body .bodyL {width: 182px;}
.slimbook #body .bodyR {margin-left: 190px; width: 762px; overflow: hidden;}
.slimbook .price {background: url('http://www.photomon.com/StoryAlbum/DIY2008/img/slim_main_06.gif') no-repeat; height: 190px; padding: 10px 0 0 400px;}
.slimbook .price table {border-collapse: collapse; border-top: 1px solid #a5a5a5; border-left: 1px solid #a5a5a5;}
.slimbook .price table th, .slimbook .price table td {border-bottom: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5; padding: 0 10px;}
.slimbook .price table thead th {background: #fc8012; color: #fff;}
.slimbook .price table tbody th {background: #e3e3e3;}
.slimbook .price table td {text-align: center;}

/* ¾ÐÃà¾Ù¹ü ¸ÞÀÎ */
.compressAlbum #body .bodyL {width: 182px;}
.compressAlbum #body .bodyR {margin-left: 190px;}
.compressAlbum .bodyR .titleBar {border: 1px solid #cacaca; background: #f6f6f6; padding: 7px 0 5px 10px; position: relative; width: 750px;}
.compressAlbum .bodyR .titleBar a {position: absolute; top: 10px; right: 12px;}
.compressAlbum .bodyR ul {overflow: hidden; width: 742px; padding: 25px 10px 0;}
.compressAlbum .bodyR ul li {float: left; border-right: 1px solid #d7d7d7; margin-bottom: 20px; text-align: center; width: 147px;}
.compressAlbum .bodyR ul li.noborder {border-right: none;}
.compressAlbum .bodyR ul li strong {color: #fc9336;}

/* ¾ÐÃà¾Ù¹ü */
.compressAlbum2 #body .bodyL {width: 182px;}
.compressAlbum2 #body .bodyR {margin-left: 190px; width: 762px;}
.compressAlbum2 .heading {position: relative; margin-top: 10px;}
.compressAlbum2 .heading h1 {background: url('http://www.photomon.com/images/store/main/list_tit.gif') no-repeat 0 50%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color: #000; font-size: 16px; padding: 5px 0 5px 10px;}
.compressAlbum2 .heading .pagination {position: absolute; top: 5px; right: 0; color: #7bb52d;}
.compressAlbum2 .bodyR ul {overflow: hidden; width: 742px; padding: 25px 10px 0;}
.compressAlbum2 .bodyR ul li {float: left; margin-bottom: 20px; text-align: center; width: 148px;}
.compressAlbum2 .bodyR ul li .product img {width: 130px; height: 130px;}
.compressAlbum2 .bodyR ul li strong {color: #fc9336;}
.compressAlbum2 .pagination2 {color: #7bb52d; text-align: center;}
.compressAlbum2 .search {text-align: center; padding-top: 20px;}
.compressAlbum2 .search * {vertical-align: middle;}
.compressAlbum2 .search input {border: 1px solid #ccc;}

/* ÀÎÈ­ ¾Ù¹ü ÁÖ¹® */
.order #body .bodyL {width: 182px;}
.order #body .bodyR {margin-left: 192px;}
.order .orderWrap {width: 633px; margin: 0 auto;}
.order .step {text-align: right; padding-bottom: 10px; position: relative;}
.order .step .prev {position: absolute; top: 0; left: 0;}
.order .cover {background: url('http://www.photomon.com/StoryAlbum/img/order-bg-middle.gif') repeat-y; margin: 10px 0; height: 1%;}
.order .coverTop {background: url('http://www.photomon.com/StoryAlbum/img/order-bg-top.gif') no-repeat;}
.order .coverBottom {background: url('http://www.photomon.com/StoryAlbum/img/order-bg-bottom.gif') no-repeat 0 100%; padding: 50px;}
.order .cover ul {overflow: hidden; width: 533px;}
.order .cover li {float: left; text-align: center; width: 266px;}
.order .tip {border-bottom: 3px solid #dbdbdb;padding-bottom: 10px;}
.order .tip .important {color: #f69;}
.order .tip ul {list-style-type: square; padding-left: 12px;}
.order .contact {padding-top: 10px;}
.order .selectWrap {overflow: hidden; width: 533px; background: url('http://www.photomon.com/StoryAlbum/img/dotsline.gif') repeat-x 0 100%; padding-bottom: 10px; margin-bottom: 10px;}
.order .selectWrap dl {float: left; margin: 0 10px 0 0; width: 166px;}
.order .selectWrap dt {float: left;}
.order .selectWrap dd {margin: 0;}
.order .price, .order .alert {text-align: right;}
.order .coverimg {text-align: center;}
.order .reviewPrice {background: url('http://www.photomon.com/StoryAlbum/img/dotsline.gif') repeat-x 0 100%; padding-bottom: 10px; margin-bottom: 10px;}
.order .reviewPrice dt {float: left;}
.order .reviewPrice .selectedOption {color: #00f;}
.order .reviewPrice .finalPrice {color: #369;}
.order .reviewPrice dd .red {color: #f00;}
.order .reviewPrice ol {list-style: decimal;}
.order .reviewPrice li {float: none; text-align: left; width: auto; margin-left: 17px;}

/* ÀÎÈ­ ¾ÐÃà */
.printCompress #body .bodyL {width: 182px;}
.printCompress #body .bodyR {margin-left: 190px;}
.printCompress .price {border-left: 1px solid #eee; border-top: 1px solid #eee; width: 710px;}
.printCompress .price th, .printCompress .price td {border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.printCompress .price thead th {background: #fc8012; color: #fff;}
.printCompress .price tbody th {background: #e3e3e3; color: #333;}
.printCompress .price td {text-align: center;}
.printCompress .price tfoot td {text-align: left;}
.printCompress .btnMakeAlbum {padding:30px 0; text-align: right;}
.printCompress .designerSample {width: 600px; margin: 0 auto 30px;}
.printCompress .designerSample .type {overflow: hidden; width: 600px; border-bottom: 3px solid #dbdbdb; padding-bottom: 5px;}
.printCompress .designerSample .type li {float: left; background: url('http://www.photomon.com/photobook/img/Ico_Dot_Main.gif') no-repeat 0 50%; padding-left: 7px; margin-right: 27px;}
.printCompress .designerSample .heading {text-align: center; padding: 18px 0;}
.printCompress .designerSample .description {width: 492px; margin: 0 auto 18px;}
.printCompress .designerSample #fade {margin-bottom: 5px;}
.printCompress .designerSample .alert {text-align: center; border-top: 3px solid #dbdbdb; padding-top: 10px; margin-top: 10px;}

/* ¹Ì´ÏºÏ */
.minibook #body .bodyL {width: 182px;}
.minibook #body .bodyR {margin-left: 190px;}

/* µðÀÚÀÌ³Ê */
.designer #body .bodyL {width: 182px;}
.designer #body .bodyR {margin-left: 190px;}
.designer .productList {padding-bottom: 20px;}
.designer .preview {border: 1px solid #e0e0e0; margin: 0 16px 20px 4px;}
.designer .preview div {border: 5px solid #fff; background: #f6f6f6; padding: 30px;}
.designer .preview img {float: right;}