@import "reset.css";
@import "typography.css";

/* Site */
html, body { height: 100% !important; }
body { 
    position: relative; 
}

/* Main Blocks */
#wrap {
    width: 1020px; 
    margin: 0 auto;
}
#header {
    position: relative;
    margin-bottom: 50px;
}
#header h1 { margin: 0; margin-top: 50px; margin-bottom: 20px; }
#header h1 a { font-size: 2em; color: #444; font-weight: normal; }
#content {
    position: relative;
    padding-bottom: 50px;
}

/* Main Nav Menu */
#main-menu {
    margin-left: 350px;
    margin-top: 20px;
}
#main-menu ul {
    margin:0; list-style: none;
}
#main-menu li {
    float: left;
    margin-right: 15px;
}
#main-menu a { font-size: 11px; color: #C3C3C3; }
#main-menu a:hover, 
#main-menu a.hover, 
#main-menu a.active { color: #000; }

.submenu { 
    margin: 0; list-style: none;
}
.submenu li { 
    float: left;
    margin-right: 20px;
}
.submenu a {
    color: #C3C3C3;
    font-size: 15px;
}
.submenu a:hover,
.submenu a.hover,
.submenu a.active { color: #800000; }

.section { width: 324px; }

.red, a.red_over:hover { color: #800000; }
.green, a.green_over:hover { color: #a0c936; }
.orange, a.orange_over:hover { color: #ff8400; }
.bold { font-weight: 700; }

/* subscribe form */
#emailform {
    padding: .5em;
    margin: 0;
    display: none;
    font: .7em/1.3em arial,helvetica,sans-serif;
}

#emailform input { color: #C3C3C3; }
.error { color: red; }

a.error {
    color: red;
    text-decoration: underline;
}

.sidebar {
    width: 320px;
    float: left;
}
.split-content { 
    margin-left: 350px;
}

/* Image Collections */
.collection .images {
    overflow: auto;
}
.collection .images table {
    margin: 0;
}
.collection .images td { padding:0; padding-right: 24px; }
.collection .images td img { display: block; }
.collection .scroller-controls {
    position: relative;
    margin-top: 22px;
}
.collection .scroller-next,
.collection .scroller-prev {
    display: block; 
    position: absolute; top: 0;
    width: 15px; height: 15px;
    cursor: pointer;
    text-indent: -9999px;
    display: none; width: 0;
}
.collection .scroller-next {
    right: -2px; background: url(../img/right.jpg);
}
.collection .scroller-next:hover { background: url(../img/right_over.jpg); }
.collection .scroller-prev {
    left: 0; background: url(../img/left.jpg);
}
.collection .scroller-prev:hover { background: url(../img/left_over.jpg); }

.collection .scroller-scrollbar {
    position: relative;
    background: #fff;
    border: solid 1px #C1C1C1;
    height: 13px; width: 100%;
    /*margin-left: 15px;*/
}
.collection .scroller-handle {
    position: absolute;
    height: 13px; width: 40px;
    background: #C1C1C1;
}
.collection .scroller-handle:hover {
    background: #888687;
}

.collection .videos { margin-top: 50px; }
.collection .video { margin-bottom: 50px; }

.collection .image-group {
    margin-top: 50px;
}

/* Books */
#book-index .book-image {
    float: left;
}
#book-index .book {
    margin-bottom: 100px;
}
#book-index .book .description {
    margin-left: 350px;
}
#book-index .images ul { 
    margin: 0; list-style: none; 
    height: 80px;
}
#book-index .images li {
    float: left;
}
#book-index .images li a,
#book-index .images li a img {
    display: block;
}

.jcarousel-container-horizontal {
    margin-left: 0;
    width: 282px; height: 80px;
}
.jcarousel-clip-horizontal {
    width: 282px; height: 80px;
}
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
    position: absolute; z-index: 100;
    width: 10px; height: 80px;
    font-size: 16px; font-weight: bold;
    background: #fff; cursor: pointer;
    line-height: 80px; text-align: center;
    padding: 0 4px;
}
.jcarousel-next.disabled,
.jcarousel-prev.disabled {
    visibility: hidden;
}
.jcarousel-next-horizontal {
    right: -6px;
}
.jcarousel-prev-horizontal {
    left: -20px;
}

/* Press */
.press-item {
    float: left;
    margin-bottom: 40px; 
    width: 490px;
}
.press-item.odd { margin-right: 32px; }
.press-thumb { float: left; }
.press-item .description {
    margin-left: 100px; 
}
.press-item .download-link {
    display: block; margin-top: 8px;
}

/* Pricelist */
#pricelist table {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}
#pricelist th, #pricelist td {
    padding: 10px;
    border: solid #ccc 1px;
    margin: 3px;
}
#pricelist th a {
    display: block;
    margin: -10px 0 -10px -10px;
    padding: 10px 12px 10px 10px;
    white-space: nowrap;
}
th.sorted {
    background: #eee;
}
th.sorted.asc a {
    background: url(../img/arrow-down.gif) no-repeat right 50%;
}
th.sorted.desc a {
    background: url(../img/arrow-up.gif) no-repeat right 50%;
}

.tools { position: absolute; right: 0;}

/* Slideshow */
#slideshow {
    position: relative;
    width: 1020px; height: 380px;
    overflow: hidden;
}
#slideshow .images {
    width: 1020px; height: 380px;
    list-style: none; margin: 0;
}
#slideshow .images li {
    width: 1020px; height: 380px;
}
#slideshow-controls {
    position: absolute; z-index: 1000;
    left: 4px; bottom: 4px;
}
#slideshow-controls .playpause {
    color: #fff; cursor: pointer; text-indent: -9999px;
    display: block; width: 16px; height: 16px;
}
#slideshow-controls .play {
    background: url(../img/play.gif);
}
#slideshow-controls .pause {
    background: url(../img/pause.gif);
}
#slideshow-numbers {
    position: absolute;
    left: 26px; bottom: 0;
}
#slideshow-numbers a {
    color: #988; cursor: pointer;
    font-size: 14px;
    padding: 2px 6px;
}
#slideshow-numbers a:hover {
    color: #ccc;
}
#slideshow-numbers a.active {
    color: #fff;
}