/*////////////////
reset
////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a, a:hover, a:visited, a:active { text-decoration: none; }

/*/////////////////////////////////
globals
/////////////////////////////////*/
html { background: #fff url() no-repeat; font: 1em Georgia, Garamond, Times, serif; line-height: 1em; color: #7c7c7c; }
body { width: 62.5em; margin: 1em auto 1em; text-align: center; }
a { color: #e3004f; }
.sans { font-family: Arial, sans-serif; }
.js_show { display: none;}
p { font: normal normal normal 0.7em Arial, sans-serif; color: #7c7c7c; line-height: 1.6em;}

body div#content { position:relative; overflow: hidden; text-align: left; width: 62.5em; height: 41.25em; }

div#history { display:none; }
div#header { height: 2.8em; text-transform: lowercase;}
div#header p { padding: 1em 1em 1em 3.25em; float: left; }
div#header form { float: left; }
div#header form input { color: #7c7c7c; line-height: 1.6em; border: 0; font-size: 0.7em; background: none; cursor: pointer; padding: 1em 0 0 0.2em; margin:0;}
div#header form input:hover { color: #e3004f; }
div#image_display { position:relative; height: 21em; background-color: #fff; width: 297.5em; }
div#image_display div.image { height: 21em; width: 14.875em; overflow: visible; float: left; }
div#image_display div.image img { height: 21em;}
div#image_container { position: absolute; top:0; left: 0; z-index: 1; }
div#temp_container { top: 0; z-index: 2; left: 0; position: absolute; }
div#menu { margin: 1.5em 0 0.5em 11em; height: 2.5em; overflow: hidden; font-style: italic; }
div#menu li { font-size: 0.9em; line-height: 1.4em; list-style: none; display: inline; color: #151716; }
div#menu a { color: #151716; text-transform: lowercase; }
div#menu a:hover { color: #e3004f; }
div#menu a.active { color: #e3004f; }
div#sidebar { width: 11em; float: left; height: 12em; }
div#sidebar span { padding-left: 1em; color: #e3004f;}
div#sidebar li { padding: 0em 1em 0em 3.25em; font-size: 0.7em; line-height: 1.4em;}
div#sidebar p { padding: 0em 1em 1em 3.25em; color: #e3004f; }
div#sidebar a { padding-left: 1em; color: #7c7c7c;}
div#sidebar a:hover { color: #e3004f; background: #fff url('/media/static/img/active.gif') no-repeat 0 3px; }
div#sidebar li.fullscreen_button { margin-top: 1.6em;}
div#sidebar li.fullscreen_button a { padding-left: 0; }
div#sidebar li.fullscreen_button a:hover { background: #fff; }
div#sidebar .active { background: white url('/media/static/img/active.gif') no-repeat 0 3px;}
div#text_content { background: white; float: left; width: 16em; margin-right: 1em; height: 12em; overflow: auto; }
div#text_content p { padding-bottom: 1em;}
div#text_content ul,
div#text_content ol { margin-bottom: 0.7em;}
div#text_content li { font-size: 0.7em; line-height: 1.6em; color: #7c7c7c; padding-left: 0.1em; list-style: disc inside url();}
div#text_content li li { font-size: 1em; padding-left: 1em; }
div#text_content li ul li { list-style: circle inside; }
div#logo { float: left; }
div#logo img { width: 8em; }
div#scroll_left { margin-top: 0.4em; float: left; cursor: pointer; display: none;}
div#scroll_right { margin-top: 0.4em; float: right; cursor: pointer; display: none;}
input.login_submit { cursor: pointer; width: 1.3em; height: 1.3em; padding:0; margin:0.5em 0; display: block; border: none; background-color: #252b36; background-image: url('/media/static/img/login.gif'); background-repeat: no-repeat;}
input[type=text] { border: 0; width: 15em; }
input[type=password] { border: 0; width: 15em; }
div#login { position: absolute; z-index: 20; left: 29.7em; color: #fff; background: #252b36; height: 21em; width: 29.7em;}
div#login div#login_text { margin: 3em 1em 1em 1em;}
div#login form { margin-top: 2em; }
form label { color: #e3004f; width: 20em; display: block; }
form ul li { font-size: 0.7em; font-family: Arial, sans-serif;}
.spacer { color: #e3004f;}
div.spacer { margin: 0.95em 0.2em 0 0.1em; float: left; height: 0.5em; border-right: 0.1em solid #e3004f;}

div#text_content div.address_block { margin: 0; }
div#text_content p.shop_name { font-weight: bold; padding: 0;}

div#fullscreen { z-index: 5; background: #fff; position: absolute; width: 62.5em; height: 41.25em; overflow: hidden;}
div#fullscreen img.colorchart { z-index: 11; position: absolute; top: 0em; left: 5em; border: 0.1em solid #7c7c7c;}
ul#fullscreen_menu { z-index: 10; position: absolute; top: 12em;}
ul#fullscreen_menu li { margin: 0.1em; }
ul#fullscreen_menu li a { display: block; width: 4em; background: #e3004f; color: white; line-height: 0.8em; padding: 0 0 0.2em 0.2em;}
ul#fullscreen_menu li a span { font-size: 0.7em;}
ul#fullscreen_menu li a.colorchartlink { margin-top: 1em; }
ul#fullscreen_menu li.current_page { margin-bottom: 2em;}

/*/////////////////////////////////
js scrollpane
/////////////////////////////////*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; float: left; margin-right: 1em;}

.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; background: #fff url('/media/static/img/scroll_track.gif') repeat-y 3px 0; height: 100%;}
.jScrollPaneDrag { position: absolute; background: #fff url('/media/static/img/scroll_handle.gif') repeat-y; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; background: #fff url('/media/static/img/scroll_topbottom.gif') repeat-y left; top: 0; left: 0; height: 1px; overflow: hidden;}
.jScrollPaneDragBottom { position: absolute; background: #fff url('/media/static/img/scroll_topbottom.gif') repeat-y left; height: 1px; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowUp:hover { /*background-color: #f60;*/}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover { /*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}