* { margin: 0px; padding: 0px; }
html { overflow: -moz-scrollbars-vertical; }
html, body { width: 100%; height: 100%; }

img { border: 0px; }
table, td { border-collapse: collapse; }

body { font-family: Tahoma, Arial, Verdana; font-size: 11px; color: #666666; background-color: #FFFFFF; }
a { color: #6F6F6F; text-decoration: none; }
a:hover { color: #95122B; text-decoration: underline; }

p { margin: 0 0 1em 0; }

/* Form Element */
input, textarea, select { font-family: Tahoma, Arial, Verdana; font-size: 12px; color: #000000; }
input.post, input.disable, textarea.post, select.post, input.focus, textarea.focus { width: 150px; background-color: #FFFFFF !important; border: 1px solid #C6C6C6; padding: 2px; }
textarea.post, textarea.focus { width: 250px; height: 100px; overflow: auto; }
input.focus, textarea.focus, select.focus { border: 1px solid #FF0000; }
input.cb, input.rd { margin-right: 5px; *margin-right: 0px; }

div.clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; }

div.page_title { display: block; padding-bottom: 20px;}
div.page_title_sub { display: block;  }
div.pageNav { display: block; padding: 5px 0px; text-align: right; }

/****************************************/
/* Header */
table#tbFrame { width: 990px; margin: 5px auto 10px auto; background-color: #FFFFFF; }
table#tbFrame td.Header { padding-bottom: 2px; background: url('../images/line-horizontal.gif') left bottom repeat-x; }
table#tbFrame td.Header a#Logo { float: left; display: inline-block; width: 200px; height: 45px; background: url('../images/logo.gif') center center no-repeat; }
table#tbFrame td.Header div#Shortcut ul { float: right; list-style: none; background: url('../images/line-vertical.gif') right bottom no-repeat; }
table#tbFrame td.Header div#Shortcut li { float: left; margin: 20px 0px 0px 0px; }
table#tbFrame td.Header div#Shortcut li a { float: left; display: block; font-size: 11px; text-decoration: none; padding: 5px 8px 5px 10px; background: url('../images/line-vertical.gif') left bottom no-repeat; }

/* Footer */
table#tbFrame td.Footer { font-size: 11px; text-align: left; color: #666666; padding-top: 5px;  background: url('../images/line-horizontal.gif') left top repeat-x; }
table#tbFrame td.Footer a { background: url('../images/emedia.gif') no-repeat center center; }

/* Content */
table#tbFrame td.Content { height: 502px; vertical-align: top; background: url('../images/line-vertical.gif') 200px 2px repeat-y; }
table#tbFrame td.Content div#Container { float: left; display: block; width: 789px; }
div#Container div#Content p { margin: 0 0 1.5em 15px; }
/*div#Container div#Content .text { padding-left: 15px; padding-right: 10px; }*/

table#tbFrame td.Content div#Menu { float: left; display: block; width: 201px; }

/* Left Menu */
div#Menu a { display: block; cursor: pointer; width: 200px; background: #FFFFFF none no-repeat 0px center; }
div#Menu a:hover, div#Menu a.active { background-position: -200px center; }
div#Menu dt a { height: 32px; }
div#Menu dt { display: block; padding-bottom: 1px; background: url('../images/menu/line.gif') no-repeat bottom left; }
div#Menu dt.last { background-image: none; }

div#Menu dd { display: none; }
div#Menu dd a { height: 25px; background-color: #95122B; }
div#Menu dd a:hover { background-color: #EB5A77; }
div#Menu li { list-style: none; padding: 0px; padding-bottom: 1px; background: #95122B url('../images/menu/line.gif') no-repeat bottom left; }
div#Menu dd li li a { background-color: #EB5A77; }
div#Menu li li { background: #EB5A77 url('../images/menu/line.gif') no-repeat top left !important; padding: 1px 0px 0px 0px; }

div#Menu a#mn01 { background-image: url('../images/menu/mn-01.gif'); }
div#Menu a#mn02 { background-image: url('../images/menu/mn-02.gif'); }
div#Menu a#mn03 { background-image: url('../images/menu/mn-03.gif'); }
div#Menu a#mn03_0 { background-image: url('../images/menu/mn-03_0.gif'); }
div#Menu a#mn03_1 { background-image: url('../images/menu/mn-03_1.gif'); }
div#Menu a#mn03_2 { background-image: url('../images/menu/mn-03_2.gif'); }
div#Menu a#mn03_3 { background-image: url('../images/menu/mn-03_3.gif'); }
div#Menu a#mn04 { background-image: url('../images/menu/mn-04.gif'); }
div#Menu a#mn04_1 { background-image: url('../images/menu/mn-04_1.gif'); }
div#Menu a#mn04_2 { background-image: url('../images/menu/mn-04_2.gif'); }
div#Menu a#mn04_3 { background-image: url('../images/menu/mn-04_3.gif'); }
div#Menu a#mn04_4 { background-image: url('../images/menu/mn-04_4.gif'); }
div#Menu a#mn05 { background-image: url('../images/menu/mn-05.gif'); }
div#Menu a#mn05_1 { background-image: url('../images/menu/mn-05_1.gif'); }
div#Menu a#mn05_11 { background-image: url('../images/menu/mn-05_11.gif'); }
div#Menu a#mn05_12 { background-image: url('../images/menu/mn-05_12.gif'); }
div#Menu a#mn05_2 { background-image: url('../images/menu/mn-05_2.gif'); }
div#Menu a#mn05_3 { background-image: url('../images/menu/mn-05_3.gif'); }
div#Menu a#mn05_4 { background-image: url('../images/menu/mn-05_4.gif'); }
div#Menu a#mn05_41 { background-image: url('../images/menu/mn-05_41.gif'); }
div#Menu a#mn05_42 { background-image: url('../images/menu/mn-05_42.gif'); }
div#Menu a#mn05_5 { background-image: url('../images/menu/mn-05_5.gif'); }
div#Menu a#mn06 { background-image: url('../images/menu/mn-06.gif'); }
div#Menu a#mn06_1 { background-image: url('../images/menu/mn-06_1.gif'); }
div#Menu a#mn06_2 { background-image: url('../images/menu/mn-06_2.gif'); }
div#Menu a#mn06_3 { background-image: url('../images/menu/mn-06_3.gif'); }
div#Menu a#mn06_4 { background-image: url('../images/menu/mn-06_4.gif'); }
div#Menu a#mn07 { background-image: url('../images/menu/mn-07.gif'); }
div#Menu a#mn07_1 { background-image: url('../images/menu/mn-07_1.gif'); }
div#Menu a#mn07_2 { background-image: url('../images/menu/mn-07_2.gif'); }
div#Menu a#mn07_3 { background-image: url('../images/menu/mn-07_3.gif'); }
div#Menu a#mn08 { background-image: url('../images/menu/mn-08.gif'); }
div#Menu a#mn08_1 { background-image: url('../images/menu/mn-08_1.gif'); }
div#Menu a#mn08_2 { background-image: url('../images/menu/mn-08_2.gif'); }
div#Menu a#mn08_3 { background-image: url('../images/menu/mn-08_3.gif'); }
div#Menu a#mn08_4 { background-image: url('../images/menu/mn-08_4.gif'); }
div#Menu a#mn08_5 { background-image: url('../images/menu/mn-08_5.gif'); }
div#Menu a#mn08_6 { background-image: url('../images/menu/mn-08_6.gif'); }
div#Menu a#mn09 { background-image: url('../images/menu/mn-09.gif'); }
div#Menu a#mn10 { background-image: url('../images/menu/mn-10.gif'); }
div#Menu a#mn10_1 { background-image: url('../images/menu/mn-10_1.gif'); }
div#Menu a#mn10_2 { background-image: url('../images/menu/mn-10_2.gif'); }
div#Menu a#mn11 { background-image: url('../images/menu/mn-11.gif'); }
div#Menu a#mn12 { background-image: url('../images/menu/mn-12.gif'); }
div#Menu a#mn13 { background-image: url('../images/menu/mn-13.gif'); }

/****************************************/
/* PANEL TOP */
div#Panel { height: 306px; padding-bottom: 1px; background: url('../images/line-horizontal.gif') left bottom repeat-x; }
div#Panel div#Preview { float: left; width: 544px; height: 306px; background: url('../images/image-loading.gif') center center no-repeat; }
div#Panel div#Preview div#previewArea { width: 544px; height: 306px; background: url('../images/default.gif') center center no-repeat; }

div#Panel div#Preview.RoyalPatron { width: 789px !important; }
div#Panel div#Preview.RoyalPatron div#previewArea { width: 789px !important; }

/*div#Panel div#List { float: left; width: 245px; height: 306px; background: url('../images/bg-right.gif') 0px 0px repeat-y #EEEEEE; }
div#Panel div#Thumb { width: 225px; margin: 5px 0px 0px 10px; overflow: hidden; }
div#Panel div#Thumb div#Item { width: 3660px; height: 225px; } 
div#Panel div#Thumb ul { list-style: none; height: 225px; width: 237px; border: 1px solid red; }
div#Panel div#Thumb ul ul { width: 237px; }
div#Panel div#Thumb ul li { float: left; width: 237px; height: 225px; }
div#Panel div#Thumb ul li li { float: left; width: 66px; height: 66px; margin: 0px 10px 11px 1px; background: #FFFFFF url('../images/border-thumb2.gif') center center no-repeat; }
div#Panel div#Thumb ul li li a { margin: 1px; width: 64px; height: 64px; display: block; background: url('../images/default_thumb.gif') center center no-repeat; }

div#Panel div#Thumb ul#listThumbnail { list-style: none; width: 3660px; height: 295px; }
div#Panel div#Thumb ul#listThumbnail li { float: left; width: 370px; }*/


/* THUMBNAIL */
div#Panel div#List { float: left; width: 245px; height: 306px; background: url('../images/bg-right.gif') 0px 0px repeat-y #EEEEEE; }
div#Panel div#Thumb { display: block; margin: 5px 0px 0px 10px; }
div#Panel div#List div#Item { display: block; width: 225px; height: 225px; margin: 0px 0px 0px 0px; overflow: hidden; }
div#Panel div#Thumb ul { list-style: none; width: 3660px; height: 225px; }
div#Panel div#Thumb ul li { float: left; width: 237px; }
div#Panel div#Thumb ul li div { float: left; width: 66px; height: 66px; margin: 0px 10px 11px 1px; background: url('../images/border-thumb2.gif') center center no-repeat;  }
div#Panel div#Thumb ul a { float: left; display: inline-block; margin: 1px; width: 64px; height: 64px; background: url('../images/default_thumb.gif') center center no-repeat; }


/*div#Panel div#Thumb ul { list-style: none; width: 237px; height: 225px; }
div#Panel div#Thumb li { float: left; width: 66px; height: 66px; margin: 0px 10px 11px 1px; background: #FFFFFF url('../images/border-thumb2.gif') center center no-repeat; }
div#Panel div#Thumb li a { margin: 1px; width: 64px; height: 64px; display: block; background: url('../images/default_thumb.gif') center center no-repeat; }*/
div#Panel div#Thumb div#Nav { display: none; height: 20px; margin: 20px 0px 0px 0px; border: 0px solid red;}
div#Panel div#Thumb div#Nav a.prev { display: inline-block; margin-left: 95px; height: 17px; width: 65px; background: url('../images/bt-next_prev.gif') no-repeat 0px 0px; }
div#Panel div#Thumb div#Nav a.prev:hover { background-position: 0px -20px; }
div#Panel div#Thumb div#Nav a.next { display: inline-block; margin-left: 10px; height: 17px; width: 50px; background: url('../images/bt-next_prev.gif') no-repeat -100px 0px; }
div#Panel div#Thumb div#Nav a.next:hover { background-position: -100px -20px; }

div#Submenu { display: block; height: 50px; padding-bottom: 10px; }
div#Submenu div { float: left; margin-right: 3px; }
div#Submenu a { display: inline-block; margin-right: 10px; color: #666666; font-weight: bold; background: url('../images/bullet_submenu.gif') no-repeat -1px 0px; padding-left: 10px; }
div#Submenu a:hover { color: #96132C; text-decoration: none; background-position: -500px 0px; }
div#Submenu a.active { color: #96132C; text-decoration: none; background-position: -500px 0px; }

#ToTop { display: block; height: 30px; }
#ToTop a { float: right; display: block; width: 30px; height: 30px; background: url('../images/to-top.gif') left top no-repeat; }
#ToTop a:hover { background-position: right top; }

a#btnPrint { display: block; margin: 3px 0px; width: 46px; height: 40px; background: url('../images/bt-print.gif') left top no-repeat; }
a#btnPrint:hover { background-position: right top; }
a#btnDownload { display: block; margin: 3px 0px; width: 70px; height: 20px; background: url('../images/bt-download.gif') left top no-repeat; }
a#btnDownload:hover { background-position: left bottom; }

/****************************************/
div.frame_1 { padding: 1px; width: 544px; height: 304px; background: #FFFFFF url('../images/border-image_1.gif') 0px 0px no-repeat; }
div.frame_1 img { width: 544px; height: 304px; background-position: center center; background-repeat: no-repeat; }
