/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

html{height: 100%; width: 100%; padding: 0px; margin: 0px;}

body{font-family: "Courier New", Courier, monospace; font-size: 14px; letter-spacing: 0.3px; line-height: 18px; font-weight: normal; height: 100%; width: 100%; padding: 0px; margin: 0px; min-width: 800px;}

.pane-box{position: relative; width: 50%; height: 100%; overflow: auto;}

#pane-box-left{float: left; background-color: rgb(204, 204, 204);}

.logodiv{margin-left: 58px; margin-top: 34px; position: relative; width: 300px;}

.logodiv img{margin-right: 10px;}

.logodiv span{text-transform: uppercase; position: absolute; left: 131px; top: 9px;}

.menublock{position: relative; margin-top: 73px; margin-left: 58px;}

.menublock a{color: black; text-decoration: none; text-transform: uppercase; margin-right: 20px; cursor: pointer;}

.menublock a:hover{text-decoration: underline;}

#logoflash{position: fixed; z-index: 100; bottom: 30%; width: 100%; left: 0px; text-align: center;}

#logoflash img{width: 90%; max-width: 1299px;}

.closebutton{position: fixed; top: 0px; cursor: pointer; display: none; z-index: 100; width: 60px; height: 60px; background-image: url("/files/bmp/icon_close.gif");}

.closebutton:hover .close-text{display: block;}

.closebutton .close-text{display: none;}

.closebutton:hover img.close-x{display: none;}

ul.menulist{list-style-type: none; padding: 0px; margin: 0px;}

.menulist li{float: left;}

#frame{min-width: 800px; height: 100%; position: relative; top: 0px; width: 100%; border-collapse: collapse; table-layout: fixed;}

.content-box{clear: both; padding: 35px 30px 10px 58px; max-width: 600px;}

#collections-list li a{text-transform: uppercase; font-weight: normal; text-decoration: none; color: black;}

#collections-list li{margin: 9px 0px;}

#collections-list{list-style-type: none; padding: 0px; margin: 0px;}

div.imgnav{float: left; width: 100px;}

div.imageTitle{float: left;}

#imageblock .imglabel{font-size: 12px;}

#imageblock{width: 100%; margin: 60px auto auto;}

#textcontent{font-size: 12px; line-height: 18px; max-width: 450px;}

#pane-title{text-transform: uppercase; margin-bottom: 74px; margin-top: 8px; font-size: 13px; font-weight: normal;}

.instock-images img{margin-right: 8px; margin-bottom: 1px;}

.instock-images img:hover{outline: black solid 1px;}

#content-right h4.in-stock-title{font-weight: normal; margin-top: 20px;}

#content-right h4.firstblock.in-stock-title{margin-top: 48px; margin-bottom: 17px;}

#pane-box-left.detail{background-color: rgb(255, 255, 255);}

#pane-box-right.detail{background-color: rgb(204, 204, 204);}

.in-stock-desc{width: 295px;}

.in-stock-img-nav{position: absolute; top: 50%; z-index: 100;}

#in-stock-back{left: 30px;}

#in-stock-forward{right: 30px;}

#imageblock #centerImg{margin: auto;}

#image{width: 100%; opacity: 0;}

#center-img{margin: auto;}

#image-block{margin-left: -29px; margin-top: 58px; position: relative;}

#close-left.closebutton{left: 50%; margin-left: -90px;}

#close-right.closebutton{right: 30px;}

.section-images img{margin-right: 8px; margin-bottom: 8px;}

div.pre{white-space: pre;}

#send-subscribe{border: 0px none; font-weight: normal; text-decoration: none; display: block; padding: 0px; font-family: inherit; margin-top: 20px;}

#input_email{border: 1px solid black; width: 300px; font-size: 16px;}

#collections-list #current-collection{text-decoration: underline;}

#current-section-left{text-decoration: underline;}

#current-section-right{text-decoration: underline;}

#current-detail-left{text-decoration: underline;}

#current-detail-right{text-decoration: underline;}

#collections-list #current-detail-right{text-decoration: underline;}

.detail-nav{float: left; width: 100px;}

.imageaction{cursor: pointer;}

.image-nav{display: inline-block; cursor: pointer;}

.image-nav.back{margin-right: 8px;}

.image-nav.forward{margin-left: 8px;}

#image.loaded{opacity: 1; transition-property: opacity; transition-duration: 0.4s;}

#detail-image{opacity: 0;}

#detail-image.loaded{opacity: 1; transition-property: opacity; transition-duration: 0.4s;}

#current-image-link img{outline: rgb(48, 48, 48) solid 1px;}

.nltext{width: 300px;}

.closebutton:hover{background-image: url("/files/bmp/icon_close_text.gif");}

.gohere{background-color: rgb(221, 221, 221);}

.in-stock-img-nav:hover{background-color: rgb(204, 204, 204);}

.image-nav:hover{background-color: rgb(221, 221, 221);}

span.imageaction:hover{background-color: rgb(221, 221, 221);}

div.error{background-color: rgb(204, 204, 204); padding: 10px;}

.success{background-color: rgb(204, 204, 204); padding: 10px;}

#ani-img{width: 100%;}

#ani-img img{max-width: 100%;}