@charset "UTF-8";
* { margin:0; padding:0; }
body { background-color:#FFF; text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:0.8em; color:#333; }
img { border:0; }
.blue { color:#43a6cc; }

#rootBox { width:945px; margin:0 auto; text-align:left; }
#leftBox { width:200px; float:left; margin-top:123px; }
#centerBox { width:545px; float:left; }
#rightBox { width:200px; float:left; margin-top:10px; }

#menu { width:120px; list-style:none; height:524px; border-bottom:1px solid #43a6cc; }
#menu li { margin-bottom:0.4em; padding:0.2em 0 0.2em 10px; cursor:pointer; }
#menu li.sel { background-color:#43a6cc; cursor:auto; color:#FFF; }
#menu li.sel:hover { background-color:#43a6cc; }
#menu li:hover { background-color:#EEE; }
#menu a { color:#43a6cc; text-decoration:none; }

#links { padding:4px 0 0 10px; }

#logo { margin-top:29px; margin-left:10px; width:545px; height:54px; }

/*
#outer { margin-top:30px; width:525px; height:545px; background-color:#fff; border:10px solid #fff; overflow:hidden; position:relative; text-align:center; }
#outer, x:-moz-any-link { height:525px; }
#outer, x:-moz-any-link, x:default { height:525px; }
#outer[id] { display:table; position:static; }
#middle { position:absolute; top:50%; }
#middle[id] { display:table-cell; vertical-align:middle; position:static; }
#inner { position:relative; top:-50%; }
*/

#outer { margin-top:30px; width:525px; height:525px; width:expression("545px"); height:expression("545px"); background-image:url(/im/loading.gif); background-repeat:no-repeat !important; background-position:center !important; background-color:#FFF; border:10px solid #FFF; overflow:hidden; position:relative; text-align:center; }
#inner { width:525px; height:525px; background-repeat:no-repeat !important; background-position:center !important; }


#caption { width:545px; height:26px; text-align:right; font-style:italic; margin-top:4px; }
#colorSamplesBox { width:545px; height:54px; border-left:1px solid #43a6cc; }
#colorSamplesBox div { width:25px; height:25px; border:1px solid #fff; margin-left:10px; float:left; }
#copyright { font-size:0.85em; color:#43a6cc; margin:28px 0 0 10px; }

div#previews { width:160px; height:545px; margin:113px 0 0 40px; }
img.pre, img.hole { margin-right:10px; width:25px; height:25px; }
img.pre { border:1px solid #EEE; }
img.hole { border:0; }
img.pre:hover { border:1px solid #43a6cc; }
img.pre { cursor:pointer; }
div.spacer { height:10px; clear:left; }