@charset "utf-8";
a { color: #ccc; text-decoration:none; }
.underline { border-bottom:1px dashed #ccc; }

img { border:0; }

input, textarea { padding: 2px; width:99%; }
input.error, textarea.error { border: 2px solid #f00; }
label.error { color:#F90; }

.ui-button-text, .ui-dialog-titlebar { padding:2px 5px !important; }
.ui-dialog-content { padding:5px !important; }

body { background-image:url(/images/bg.jpg); background-position:top; background-repeat:no-repeat; background-color:#000; background-attachment:scroll; color:#ccc; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; margin:0; padding:0; text-align:left; }
button, .button { background-color: #888; background-image:url(/images/btnbg.jpg); background-repeat:repeat-x; border-left:1px solid #966; border-top:1px solid #966; border-right:1px solid #744; border-bottom:1px solid #744; color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; cursor:pointer; padding:5px; width:100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.language { background-color:#955; background-image:url(/images/btnbg.jpg); background-position:bottom; background-repeat:repeat-x; border-left:1px solid #966; border-top:1px solid #966; border-right:1px solid #744; border-bottom:1px solid #744; color:#fff; cursor:pointer; padding:0.5em; padding-top:10px; height:15px; position:absolute; display:none; }
.container { margin: 0 auto; width: 960px; }

.navigation { margin-top: -0.5em;  *margin-top: 0; }
.navigation li { display: inline; list-style: none; }
.navigation li { background-color:#888; background-image:url(/images/btnbg.jpg); background-repeat:repeat-x; background-position:bottom; background-repeat:repeat-x; border-left:1px solid #966; border-top:1px solid #966; border-right:1px solid #744; border-bottom:1px solid #744; color:#fff; margin-right:0.1em; padding:0.5em 1.2em 0.5em 1.2em; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }
.navigation a { color:#fff; }

.navigation { margin-top:0; text-align:center; }
.navigation ul { background:#966 url(/images/btnbg.jpg) bottom center repeat-x; border-bottom-right-radius:15px; border-bottom-left-radius:15px; display:inline; padding:8px 10px; }
.navigation li { background:none; border:none; border-right:1px solid #744; border-radius:0; display:inline-block; margin-right:0; padding:5px 6px 8px 6px; }
.navigation li:last-child { border-right:none; }
.navigation a { color:#ddd; text-shadow:0 -1px 0 #000; }
.navigation a:hover { color:#fff; }

.side-menu { left:0; top:200px; position:fixed; }
.side-menu ul { margin:0; padding:0; }
.side-menu li { background:#2e231f url(/images/btnbg.jpg) top left repeat-x; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; cursor:pointer; font-weight:bold; list-style:none; padding:5px 8px; margin:0 0 100px -40px; max-height:90px; width:90px; writing-mode:tb-rl; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); text-align:center; }
*+html .side-menu li { background:#2e231f; margin-bottom:10px; height:90px; width:55px; } /* IE7 */
.side-menu li { margin-left:0\0/; margin-bottom:10px\0/; width:15px\0/; } /* IE8 */
.side-menu li { border-top-left-radius:0\9; border-top-right-radius:0\9; border-bottom-left-radius:5px\9; border-bottom-right-radius:5px\9; } /* IE9 */

.commerce { margin:0; padding:0; margin-top:-0.5em;  *margin-top:0; top:0; right:0; position:absolute; }

.header { background-image:url(/images/organic-chocolate-logo.png); background-position:top; background-repeat:no-repeat; height:160px; margin:1em; clear:both; }
.title { padding:10px; height:25px; text-align:center; margin-bottom:2em; }
.main { float:left; height:290px; width:680px; overflow-x:scroll; overflow-y:hidden; }

.slideshow div { display:none; position:absolute; }
.slideshow div:first-child { display:block; }

.scrollable > div.scroll-content { background:#272727; border:1px solid #5a5a5a; padding:10px 30px 10px 10px; }
.scrollable > div.scroll-bar { background:#5a5a5a; border:1px solid #5a5a5a; -moz-user-select:none; margin-top:10px; position:absolute; width:10px; }
.scrollable > div.scroll-bar .seek { background:#272727; cursor:default; top:0; width:10px; }

.content { width:960px; }

.chocbox { background-color:#ccc; border:2px solid #999; float:left; width:680px; margin-top:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.chocboxitem { background-color:#fff; border-left:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #eee; border-bottom:1px solid #eee; height:100px; text-align:center; }

#cartproduct { color:#666; text-align:left; }

.side { border:1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:right; margin-top:-10px; padding:10px; width:230px; }
.side a { color:#987; }
.side a:hover { text-decoration:underline; }

.product { background-color:#fff; border:1px solid #111; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:100px; }
.product img { cursor:move; }
.productdetails { background-color:#fff; border:1px solid #000; display:none; left:10%; top:8%; height:600px; width:80%; position:absolute; z-index:2; padding:20px; }
.productdetails #img, .productdetails #flash { background-color:#fff; border:1px solid #000; float:left; width:70%; height:100%; }
.productdetails #img img { margin:20px 20px; }
.productdetails #content { float:right; width:28%; height:100%; overflow-x:hidden; overflow-y:auto; }

.productdetails-inline { background-color:#fff; border:1px solid #000; color:#333; display:none; left:29%; top:8%; height:400px; width:40%; position:absolute; z-index:2; padding:20px; }
.productdetails-inline input { width:auto !important; }

.product-inline { float:left; margin:0 20px 20px 0; width:147px; }
.product-inline .ui-button { margin:0 auto; width:120px; }

.popup { position:fixed; z-index:100; }
.popup.referral { border:5px solid #333; border-radius:5px; bottom:50px; display:none; right:50px; height:92px; }

.wrapper { text-align:center; width:100%; }

.right { margin-top:6em; padding:1em; float:right; width:440px; text-align:left; }
.right button { width:auto; }

.footer { bottom:0; margin-top:2em; z-index:1; width:100%; }