/**
 * Base
 */
html,body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #F4F3DE;
}

* {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

a:active,a:link,a:visited,a:hover {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

span.lightgrey {
	color: #848484;
}

img {
    border: none;
}

img.float-left {
    float: left;
    margin: 0 10px 10px 0;
}

img.float-right {
    float: right;
    margin: 10px 0 10px 10px;
}

img.border {
    border: 2px dashed #848484;
    padding: 5px;
}

div.clear {
    clear: both;
}

.distance {
    margin-right: 5px;
}

span.small {
    font-size: 11px;
}

/**
 * Page wrap - always 100% min-height
 */
#wrap {
    position: relative;
    width: 100%;
    min-width: 1000px;
    min-height: 100%;
}

/**
 * Link-Button
 */
a.button:active,a.button:link,a.button:visited,a.button:hover {
    display: -moz-inline-box;
    display: inline-block;
    height: 26px;
    background: url(../images/proforms/button_center.gif) repeat-x left top;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.button:active *,a.button:link *,a.button:visited *,a.button:hover * {
    display: -moz-inline-box;
    display: inline-block;
    height: 26px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.button:active span,a.button:link span,a.button:visited span,a.button:hover span
    {
    background: url(../images/proforms/button_right.gif) no-repeat right top
        ;
    padding-right: 9px;
}

a.button:active span span,a.button:link span span,a.button:visited span span,a.button:hover span span
    {
    background: url(../images/proforms/button_left.gif) no-repeat left top;
    padding: 6px 0 0 9px;
    height: 20px;
}

a.button:hover {
    background-position: left bottom;
}

a.button:hover span {
    background-position: right bottom;
}

a.button:hover span span {
    background-position: left bottom;
}

/**
 * Header
 */
#header {
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 113px;
    background-color: #ffffff;
}

#logo {
    z-index: 1001;
    position: absolute;
    left: 18px;
    top: 7px;
    width: 326px;
    height: 147px;
    overflow: hidden;
    background: url(../images/gui/logo-trans.png) no-repeat;
}

#logo div a:active,#logo div a:link,#logo div a:visited,#logo div a:hover
    {
    display: block;
    width: 327px;
    height: 0;
    overflow: hidden;
    padding-top: 170px;
}

/**
 * Navigation bar
 */
#nav-bar {
    position: absolute;
    left: 0;
    top: 113px;
    width: 100%;
    height: 28px;
    overflow: hidden;
    background: url(../images/gui/nav-bar.png) repeat-x;
}

#nav-bar div {
    padding: 8px 0 0 364px;
}

#nav-bar * {
    color: #ffffff;
}

#nav-bar a:active,#nav-bar a:link,#nav-bar a:visited,#nav-bar a:hover {
    text-decoration: underline;
}

#nav-bar a:hover {
    text-decoration: none;
}

/**
 * Tab navigation
 */
#tab-navigation {
    z-index: 1005;
    position: absolute;
    left: 364px;
    top: 84px;
    height: 31px;
    width: 636px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#tab-navigation li {
    float: left;
    height: 31px;
    overflow: hidden;
    margin-right: 5px;
    background: url(../images/gui/tab-inactive-right.png) right 0 no-repeat;
}

#tab-navigation li span.outer {
    float: left;
    height: 31px;
    overflow: hidden;
    background: url(../images/gui/tab-inactive-left.png) no-repeat;
}

#tab-navigation li span.outer a:active,#tab-navigation li span.outer a:link,#tab-navigation li span.outer a:visited,#tab-navigation li span.outer a:hover
    {
    float: left;
    height: 31px;
    overflow: hidden;
    text-decoration: none;
}

#tab-navigation li span.outer a span.inner {
    float: left;
    height: 23px;
    padding: 8px 12px 0 12px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

#tab-navigation li span.outer a:hover,#tab-navigation li.active span.outer a:active,#tab-navigation li.active span.outer a:link,#tab-navigation li.active span.outer a:visited,#tab-navigation li.active span.outer a:hover
    {
    background: url(../images/gui/tab-active-right.png) right 0 no-repeat;
}

#tab-navigation li span.outer a:hover span.inner,#tab-navigation li.active span.outer a:active span.inner,#tab-navigation li.active span.outer a:link span.inner,#tab-navigation li.active span.outer a:visited span.inner,#tab-navigation li.active span.outer a:hover span.inner
    {
    background: url(../images/gui/tab-active-left.png) no-repeat;
}

/**
 * Search bar
 */
#search-bar {
    position: absolute;
    left: 0;
    top: 141px;
    width: 1000px;
    height: 39px;
    overflow: hidden;
    background: url(../images/gui/search-bar-center.png) repeat-x;
}

#search-bar .before {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 39px;
    overflow: hidden;
    background: url(../images/gui/search-bar-left.png) no-repeat;
}

#search-bar .after {
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 39px;
    overflow: hidden;
    background: url(../images/gui/search-bar-right.png) no-repeat;
}

#quick-search {
    position: absolute;
    left: 365px;
    top: 8px;
    margin: 0;
    padding: 0;
}

#quick-search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#quick-search input.text {
    width: 268px;
    height: 17px;
    vertical-align: top;
    margin: 1px 10px 0 0;
    padding: 3px 8px 0 24px;
    color: #696969;
    border-top: 1px solid #B3B294;
    border-left: 1px solid #B3B294;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: url(../images/icons/search.png) no-repeat 3px 3px #ffffff;
}

#quick-search input.image {
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: none;
}

/**
 * Top navigation
 */
#top-navigation {
    z-index: 1006;
    position: absolute;
    left: 0;
    top: 15px;
    width: 1000px;
    text-align: right;
}

#top-navigation,#top-navigation * {
    color: #7B783A;
}

/**
 * Left sidebar
 */
#sidebar-left {
    float: left;
    padding: 194px 0 0 0;
    margin: 0 0 160px 0;
    width: 170px;
}

#sidebar-left.sidebar-left-wide {
    width: 210px;
}

#sidebar-left span.head {
    display: block;
    width: 149px;
    height: 19px;
    overflow: hidden;
    padding: 3px 0 0 8px;
    background: url(../images/gui/sidebar-head-right.png) top right no-repeat #606E38;
    color: #ffffff;
    font-weight: bold;
}

#sidebar-left.sidebar-left-wide span.head {
    width: 189px;
}

#sidebar-left ul.side-navigation {
    margin: 2px 0 25px 4px;
    padding: 0;
    width: 166px;
    list-style-type: none;
}

#sidebar-left.sidebar-left-wide ul.side-navigation {
    width: 206px;
}

#sidebar-left ul.side-navigation li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #CDCA92;
}

#sidebar-left ul.side-navigation li a:active,
#sidebar-left ul.side-navigation li a:link,
#sidebar-left ul.side-navigation li a:visited,
#sidebar-left ul.side-navigation li a:hover {
    display: block;
    padding: 5px 4px 4px 4px;
    color: #000000;
    text-decoration: underline;
}

#sidebar-left ul.side-navigation li a.no-block:active,
#sidebar-left ul.side-navigation li a.no-block:link,
#sidebar-left ul.side-navigation li a.no-block:visited,
#sidebar-left ul.side-navigation li a.no-block:hover {
    display: -moz-inline-box;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 4px;
    margin-left: 4px;
    padding: 0;
    line-height: 0;
}

#sidebar-left ul.side-navigation li a.border-hover:active,
#sidebar-left ul.side-navigation li a.border-hover:link,
#sidebar-left ul.side-navigation li a.border-hover:visited,
#sidebar-left ul.side-navigation li a.border-hover:hover {
    border: 1px solid #000000;
}

#sidebar-left ul.side-navigation li a.border-hover:hover {
    border: 1px solid #BBBBBB;
}

#sidebar-left ul.side-navigation li a:hover {
    text-decoration: none;
}

#sidebar-left ul.side-navigation li.active a:active,
#sidebar-left ul.side-navigation li.active a:link,
#sidebar-left ul.side-navigation li.active a:visited,
#sidebar-left ul.side-navigation li.active a:hover {
    padding-left: 12px;
    background: url(../images/icons/sidebar-active.png) 2px 10px no-repeat;
    text-decoration: none;
    font-weight: bold;
}

/**
 * Right sidebar
 */
#sidebar-right {
    float: left;
    padding: 194px 0 0 7px;
    margin: 0 0 160px 0;
    width: 200px;
}

#sidebar-right .sidebar-right-box {
    float: left;
    position: relative;
    width: 174px;
    padding: 15px 13px 25px 13px;
    margin-bottom: 12px;
    background: url(../images/gui/right-sidebar-middle.png) repeat-y;
}

#sidebar-right .sidebar-right-box .before {
    position: absolute;
    left: 0;
    top: -28px;
    width: 200px;
    height: 46px;
    overflow: hidden;
    background: url(../images/gui/right-sidebar-top.png) no-repeat;
}

#sidebar-right .sidebar-right-box .after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 11px;
    overflow: hidden;
    background: url(../images/gui/right-sidebar-bottom.png) no-repeat;
}

#sidebar-right span.head {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 15px -14px;
    padding: 4px 10px 4px 14px;
    background: url(../images/gui/sidebar-head-right.gif) top right
        no-repeat #606E38;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
}

#sidebar-right span.head span {
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    width: 3px;
    height: 3px;
    overflow: hidden;
    background: url(../images/gui/sidebar-head-left.gif) no-repeat;
}

#sidebar-right .sidebar-right-content {
    clear: left;
}

.sidebar-register div {
    margin-top: 10px;
    text-align: center;
}

/**
 * Content
 */
#content-wrap {
    float: left;
    padding: 200px 0 0 11px;
    margin: 0 0 180px 0;
}

.content-small {
    width: 609px;
}

.content-small.with-wider-left-bar {
    width: 569px;
}

.content-with-left-bar {
    width: 815px;
}

.content-with-left-bar.with-wider-left-bar {
    width: 775px;
}

.content-with-right-bar {
    width: 789px;
}

.content-wide {
    width: 985px;
}

#content-wrap.less-margin {
    padding-top: 160px;
}

#content-before {
    float: left;
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: url(../images/gui/content-top.png) top left repeat-x #ffffff
        ;
}

#content-before-outer {
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: url(../images/gui/content-top-left.png) top left no-repeat;
}

#content-before-outer div {
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: url(../images/gui/content-top-right.png) top right no-repeat
        ;
}

#content-outer {
    float: left;
    width: 100%;
    background: url(../images/gui/content-left.png) top left repeat-y
        #ffffff;
}

#content-inner {
    float: left;
    width: 100%;
    background: url(../images/gui/content-right.png) top right repeat-y;
}

#content-container {
    padding: 0 24px 15px 23px;
}

#content-after {
    float: left;
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: url(../images/gui/content-bottom.png) bottom left repeat-x
        #ffffff;
}

#content-after-outer {
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: url(../images/gui/content-bottom-left.png) top left
        no-repeat;
}

#content-after-outer div {
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: url(../images/gui/content-bottom-right.png) top right
        no-repeat;
}

/**
 * Quick navigation
 */
#quicknavi-top {
    padding: 0 0 5px 5px;
}

#quicknavi-bottom {
    clear: left;
    padding: 5px 0 0 5px;
}

/**
 * Footer
 */
#footer-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/gui/footer-separator.png) top left repeat-x;
}

#footer {
    position: relative;
    width: 1000px;
}

#footer a:active,
#footer a:link,
#footer a:visited,
#footer a:hover {
    text-decoration: none;
}

#footer-back-to-head:active,
#footer-back-to-head:link,
#footer-back-to-head:visited,
#footer-back-to-head:hover {
    position: absolute;
    float: left;
    left: 11px;
    top: 10px;
    text-decoration: none;
}

#footer-back-to-head:active span,
#footer-back-to-head:link span,
#footer-back-to-head:visited span,
#footer-back-to-head:hover span {
    padding-right: 20px;
    background: url(../images/icons/house.png) top right no-repeat;
}

#footer-logo {
    position: absolute;
    left: 50%;
    top: 10px;
    display: block;
    width: 173px;
    height: 78px;
    overflow: hidden;
    margin-left: -75px;
    background: url(../images/gui/logo-small-inactive.png) no-repeat;
}

#footer-logo a:active,
#footer-logo a:link,
#footer-logo a:visited,
#footer-logo a:hover {
    display: block;
    width: 173px;
    height: 0;
    overflow: hidden;
    padding-top: 87px;
}

#footer-logo a:hover {
    background: url(../images/gui/logo-small.png) no-repeat;
}

#footer-navigation-right {
    position: absolute;
    right: 11px;
    top: 10px;
    margin: 0;
    padding: 0;
}

#footer-navigation-bottom {
    width: 1000px;
    margin: 0;
    padding: 95px 0 10px 0;
    text-align: center;
}

/**
 * Icons
 */
.icon {
    display: -moz-inline-box;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    background: transparent none 0 0 no-repeat;
    text-indent: -3000px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.icon.with-text {
    width: auto;
    padding-left: 20px;
    text-indent: 0;
    font-size: 12px;
    overflow: visible;
    text-decoration: underline;
}

a.icon:active,a.icon:link,a.icon:visited,a.icon:hover {
    text-decoration: underline;
}

a.icon:hover {
    text-decoration: none;
}

.icon.important {
    font-weight: bold;
}

.icon.cart {
    background-image: url(../images/icons/cart.png);
}

table tr.tableRow0 td .icon.cart {
    background-image: url(../images/icons/cart-light-gray.gif);
}

.icon.script {
    background-image: url(../images/icons/script.png);
}

.icon.script-add {
    background-image: url(../images/icons/script-add.png);
}

.icon.comment {
    background-image: url(../images/icons/comment.png);
}

.icon.link {
    background-image: url(../images/icons/link.png);
}

.icon.register {
    background-image: url(../images/icons/register.png);
}

.icon.login {
    background-image: url(../images/icons/login.png);
}

.icon.logout {
    background-image: url(../images/icons/logout.png);
}

.icon.images {
    background-image: url(../images/icons/images.png);
}

.icon.thumb-up {
    background-image: url(../images/icons/thumb-up.png);
}

.icon.thumb-down {
    background-image: url(../images/icons/thumb-down.png);
}

.icon.danger {
    background-image: url(../images/icons/danger.png);
}

.icon.review-write {
    background-image: url(../images/icons/review-write.png);
}

.icon.loading {
    background-image: url(../images/icons/indicator.gif);
}

.icon.true {
    background-image: url(../images/icons/true.png);
}

.icon.bullet-go {
    background-image: url(../images/icons/bullet-go.png);
}

.icon.false {
    background-image: url(../images/icons/false.png);
}

.icon.user {
    background-image: url(../images/icons/user.png);
}

.icon.close {
    background-image: url(../images/icons/close.gif);
}

.icon.script-delete {
    background-image: url(../images/icons/script-delete.png);
}

table tr.tableRow0 td .icon.script-delete {
    background-image: url(../images/icons/script-delete-light-gray.gif);
}

h3 .icon.user {
    font-weight: normal;
}

.rate-order {
    background-image: url(../images/icons/16-em-check.png);
}

.rate-order:active,.rate-order:link,.rate-order:visited,.rate-order:hover
    {
    font-size: 16px;
    font-weight: bold;
}

/**
 * Headline icon
 */
.headline-icon.reviews-gray {
    background-image: url(../images/icons/reviews-gray.gif);
}

.headline-icon.review-write-gray {
    background-image: url(../images/icons/review-write-gray.gif);
}

.headline-icon.products-related-gray {
    background-image: url(../images/icons/cart-gray.gif);
}

/**
 * Content
 */
h1, h3.subheadline {
    position: relative;
    display: block;
    float: left;
    margin: 15px 0 15px -24px;
    padding: 0;
    background: url(../images/gui/head-top-right.gif) top right no-repeat
        #848484;
    line-height: 16px;
}

h1 span, h3.subheadline span {
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    width: 3px;
    height: 3px;
    overflow: hidden;
    background: url(../images/gui/head-left.gif) no-repeat;
}

h1 div, h3.subheadline div {
    padding: 4px 10px 4px 14px;
    background: url(../images/gui/head-bottom-right.gif) bottom right
        -repeat;
}

h1 div.headline-icon, h3.subheadline div.headline-icon{
    padding: 0 0 0 20px;
    background: 0 0 no-repeat;
}

h1+div+p, h3.subheadline+div+p {
    margin-top: 0;
}

h1 div,h1 div *,h1 a:active,h1 a:link,h1 a:visited,h1 a:hover,
h3.subheadline div,h3.subheadline div *,h3.subheadline a:active,h3.subheadline a:link,h3.subheadline a:visited,h3.subheadline a:hover {
    line-height: 16px;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}

#content-container li,#content-container li *,#content-container p,#content-container p *,#content-container a,#content-container a *
    {
    line-height: 16px;
}

a:active,a:link,a:visited,a:hover {
    color: #606e38;
}

h2,h2 *,h2 a:active,h2 a:link,h2 a:visited,h2 a:hover {
    margin: 0;
    padding: 0;
    color: #305f83;
    font-size: 13px;
}

h2 {
    padding-left: 10px;
    background: url(../images/icons/arrows.png) left center no-repeat;
}

h2 a:active,h2 a:link,h2 a:visited {
    text-decoration: underline;
}

h2 a:hover {
    text-decoration: none;
}

h2.plain {
    padding-left: 0;
    background-image: none;
}

h2.plain,h2.plain * {
    color: #000000;
}

h2.border-top {
    border-top: 1px solid #cccccc;
    padding: 15px 0 10px 0;
}

h3,h3 *,h3 a:active,h3 a:link,h3 a:visited,h3 a:hover {
    margin: 0;
    padding: 0;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

h3.small,h3.small *,h3.small a:active,h3.small a:link,h3.small a:visited,h3.small a:hover {
    font-size: 12px;
}

h3 a:active,h3 a:link,h3 a:visited {
    text-decoration: underline;
}

h3 a:hover {
    text-decoration: none;
}

h3.icon.with-text {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

h3 a:active .icon,h3 a:link .icon,h3 a:visited .icon,h3 a:hover .icon {
    font-weight: normal;
    color: #606e38;
    text-decoration: underline;
}

blockquote {
    padding: 2px 4px;
    font-style: italic;
    border: 1px solid #dddddd;
}

.right {
    float: right;
    margin: 5px 0 5px 10px;
}

/**
 * Category list
 */
.category-list {
    float: left;
    width: 580px;
    margin: 0 0 9px 0;
    padding: 0;
    list-style-type: none;
}

.category-list.wide {
    width: 780px;
}

.category-list li {
    position: relative;
    float: left;
    width: 180px;
    min-height: 45px;
    margin: 0 9px 0 0;
    background: none transparent 4px 9px no-repeat;
    border: 1px solid #DFDFDF;
}

.category-list li .before {
    position: absolute;
    left: 0;
    top: 0;
    width: 182px;
    height: 5px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
    background: url(../images/gui/box-top-left.gif) top left no-repeat;
}

.category-list li .before div {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url(../images/gui/box-top-right.gif) top right no-repeat;
}

.category-list li .after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 182px;
    height: 5px;
    overflow: hidden;
    margin: 0 0 -1px -1px;
    background: url(../images/gui/box-bottom-left.gif) top left no-repeat;
}

.category-list li .after div {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url(../images/gui/box-bottom-right.gif) top right no-repeat;
}

.category-list li .inner {
    padding: 10px 10px 10px 38px;
}

.category-list h2,.category-list h2 *,.category-list h2 a:active,.category-list h2 a:link,.category-list h2 a:visited,.category-list h2 a:hover
    {
    color: #837654;
    font-size: 12px;
    position: relative;
    padding-left: 0;
    background-image: none;
}

.category-list h2 a:active,.category-list h2 a:link,.category-list h2 a:visited
    {
    text-decoration: underline;
}

.category-list h2 a:hover {
    text-decoration: none;
}

.category-list h2 span {
    position: absolute;
    left: -38px;
    top: 0;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.category-list p,.category-list p * {
    margin: 0;
    padding: 0;
    color: #606E38;
}

/**
 * Top products list
 */
.topProductsList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.topProductsList li {
    width: 270px;
    margin-bottom: 20px;
}

.content-with-left-bar .topProductsList li {
    width: 370px;
}

.topProductsListLeft {
    clear: left;
    float: left;
    margin-right: 20px;
}

.topProductsListRight {
    float: left;
}

.topProductsListImage {
    float: left;
    width: 85px;
}

.topProductsListData {
    float: left;
    width: 185px;
}

.content-with-left-bar .topProductsListData {
    width: 285px;
}

.topProductsListData h2,.topProductsListData h2 * {
    margin: 0;
    padding: 0;
    color: #837654;
    font-size: 12px;
    background-image: none;
}

.topProductsListData h2 a:active,.topProductsListData h2 a:link,.topProductsListData h2 a:visited,.topProductsListData h2 a:hover
    {
    color: #837654;
    font-size: 12px;
    text-decoration: underline;
}

.topProductsListData h2 a:hover {
    text-decoration: none;
}

.topProductsListData p,.topProductsListData p * {
    margin: 0;
    padding: 0;
    color: #606E38;
}

.topProductsListData p strong.price {
    color: #454e2a;
}

/**
 * Tables
 */
table {
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

table.fixed {
    width: auto;
    margin-bottom: 15px;
}

table.variable {
    table-layout: auto;
}

table.rate-overview tbody tr {
    cursor: pointer;
}

table.rate-overview tbody tr td {
    text-align: center;
    vertical-align: middle;
}

table th,table td {
    padding: 2px 4px;
    text-align: left;
    vertical-align: top;
    border: none;
}

table th {
    background-color: #ffffff;
    color: #4F4F4F;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: 2px solid #606E38;
    padding-bottom: 3px;
}

table tfoot tr td {
    height: 24px;
    padding-top: 4px;
    color: #4F4F4F;
    font-weight: bold;
    vertical-align: middle;
    border-top: 2px solid #606E38;
}

table tfoot.paginate tr {
    background: url(../images/gui/table_foot.png) repeat-x;
}

table tfoot.paginate td {
    text-align: center;
    font-weight: normal;
    vertical-align: top;
    border-top: none;
}

table tfoot.paginate td,table tfoot.paginate td * {
    color: #ffffff;
}

table tfoot.paginate td a:active,table tfoot.paginate td a:link,table tfoot.paginate td a:visited,table tfoot.paginate td a:hover,table tfoot.paginate td span.current-page
    {
    display: -moz-inline-box;
    display: inline-block;
    padding: 1px 3px;
    text-decoration: none;
    border: none;
    background-color: transparent;
    color: #ffffff;
    font-weight: normal;
}

table tfoot.paginate td a:hover,table tfoot.paginate td span.current-page
    {
    padding: 0 2px;
    border: 1px solid #CFCFCF;
    background-color: #ffffff;
    color: #000000;
}

table tfoot.paginate td span.current-page {
    font-weight: bold;
}

table tr.tableRow0 td {
    background-color: #F2F2F2;
}

table tr.tableRow0 td.columnHighlight {
    background-color: #f5f6a6;
}

table tr.tableRow1 td {
    background-color: #ffffff;
}

table tr.tableRow1 td.columnHighlight {
    background-color: #f3f3ca;
}

table tr.tableRow0 td.tableRowThumb {
    background-color: #ffffff;
}

table a.productTitle {
    font-weight: bold;
}

table th.sort {
    text-align: right;
}

table form.sort,table form.sort fieldset {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
}

table form.sort select {
    vertical-align: middle;
}

table form.sort input.image {
    vertical-align: middle;
}

table td.tableRowPrice,table th.tableRowPrice {
    text-align: right;
}

table td.tableRowPrice {
    font-weight: bold;
}

table.sortable thead th.header {
    background: url(../images/gui/sort_none.gif) center right no-repeat
        #ffffff;
    cursor: pointer;
    padding-right: 18px;
}

table.sortable thead th.header:hover {
    text-decoration: underline;
}

table.sortable.sticky-header thead th.header {
    background-position: -100px -100px;
    cursor: auto;
}

table.sortable thead th.headerSortUp {
    background-image: url(../images/gui/sort_asc.gif);
}

table.sortable thead th.headerSortDown {
    background-image: url(../images/gui/sort_desc.gif);
}

/**
 * Thumbnails (75 * 75)
 */
div.thumbnail {
    width: 75px;
    height: 75px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #606E38;
    background-color: #ffffff;
}

/**
 * Product details
 */
p.fromManufacturer {
    margin: 0 0 20px -10px;
    padding: 0;
}

div.primaryImage {
    float: left;
    width: 214px;
    text-align: center;
}

div.primaryImage div.border {
    float: left;
    width: 211px;
    padding: 10px 0;
    border: 1px solid #e8e8e8;
}

div.additionalImages {
    display: none;
}

div.additionalImagesLink {
    margin: 5px 0;
}

div.primaryImage div.shadow {
    float: lefT;
    width: 213px;
    height: 12px;
    overflow: hidden;
    background: url(../images/gui/image-box-shadow.png) no-repeat;
}

p.primaryData,p.secondaryData {
    float: left;
    margin: 0 0 0 12px;
    padding: 10px;
    border: 1px solid #e8e8e8;
}

p.primaryData {
    width: 330px;
}

p.secondaryData {
    width: 150px;
}

p.primaryData span.primaryOptions {
    display: block;
    width: 340px;
    margin: 0;
}

p.primaryData strong.product-price,p.primaryData strong.product-price *,p.secondaryData strong.rating
    {
    font-size: 14px;
}

p.secondaryData span.rating-box {
    margin-top: 2px;
}

p.secondaryData a.review-write {
    display: -moz-inline-block;
}

p.pageListing {
    padding: 0 0 15px 0;
    text-align: center;
    border-bottom: 1px solid #606e38;
}

a.buy:active,a.buy:link,a.buy:visited,a.buy:hover {
    display: block;
    width: 208px;
    height: 0;
    overflow: hidden;
    padding-top: 52px;
    margin-bottom: 5px;
    background-repeat: no-repeat
}

a.buy.amazon {
    background-image: url(../images/buttons/amazon.png);
}

a.buy.ebay {
    background-image: url(../images/buttons/ebay.png);
}

.rounded-box .buy {
    float: right;
}

span.price-important {
    font-weight: bold;
    color: #454E2A;
}

/**
 * rounded boxes
 */
.rounded-box {
    position: relative;
    margin: 0 0 15px 0;
    border: 1px solid #DFDFDF;
}

.rounded-box .before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    overflow: hidden;
    padding: 0 2px;
    margin: -1px 0 0 -1px;
    background: url(../images/gui/box-top-left.gif) top left no-repeat;
}

.rounded-box .before div {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url(../images/gui/box-top-right.gif) top right no-repeat;
}

.rounded-box .after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    overflow: hidden;
    padding: 0 2px;
    margin: 0 0 -1px -1px;
    background: url(../images/gui/box-bottom-left.gif) top left no-repeat;
}

.rounded-box .after div {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url(../images/gui/box-bottom-right.gif) top right no-repeat;
}

.rounded-box .inner {
    padding: 10px 10px 10px 10px;
}

/**
 * Contests
 */
.contest-rating {
    float: right;
}

img.contest-image {
    float: left;
    margin: 10px 10px 10px 0;
}

dl.contest-data {
    margin: 0;
    padding: 0;
}

dl.contest-data dt {
    display: inline;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

dl.contest-data dd {
    display: inline;
    margin: 0;
    padding: 0 10px 0 0;
}

a.contest-link:active,a.contest-link:link,a.contest-link:visited,a.contest-link:hover
    {
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

a.contest-link:hover {
    text-decoration: none !important;
}

/**
 * Studentdiscounts
 */
.studentdiscount-rating {
    float: right;
    margin-left: 10px;
}

img.studentdiscount-image {
    float: left;
    margin: 10px 10px 0 0;
}

dl.studentdiscount-data {
    margin: 0;
    padding: 0;
}

dl.studentdiscount-data dt {
    display: inline;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

dl.studentdiscount-data dd {
    display: inline;
    margin: 0;
    padding: 0 10px 0 0;
}

a.studentdiscount-link:active,a.studentdiscount-link:link,a.studentdiscount-link:visited,a.studentdiscount-link:hover
    {
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

a.studentdiscount-link:hover {
    text-decoration: none !important;
}

/**
 * Knowledge
 */
p.char-list,p.char-list * {
    font-size: 14px;
}

p.char-list a:active,p.char-list a:link,p.char-list a:visited,p.char-list a:hover
    {
    color: #000000;
}

p.char-list span.unused {
    color: #BBBBBB;
}

.less-important {
    color: #848484;
}

.knowledge-teaser {
    margin-top: 0;
}

/**
 * Coupons
 */
.coupon-box {
    position: relative;
    margin-bottom: 35px;
    padding: 10px;
    border: 2px dashed #848484;
}

.coupon-box.without-shear {
    margin-bottom: 10px;
}

.coupon-box img {
    vertical-align: middle;
    margin-right: 10px;
}

.coupon-box h2 {
    margin: 0;
    padding: 0;
}

.coupon-box p {
    margin: 10px 0 0 0;
    padding: 0;
}

.coupon-box p.no-headline-before {
    margin-top: 0;
}

.coupon-box p.coupon-expiry-date {
    float: right;
    margin-top: 20px;
    padding-left: 20px;
    background: url(../images/icons/clock.gif) left center no-repeat;
}

.coupon-box .shear {
    position: absolute;
    right: 10px;
    top: -12px;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background: url(../images/gui/shear.png) no-repeat #ffffff;
}

.coupon-box .proform {
    margin-top: 10px;
}

ul.char-result {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
}

p.char-result {
    margin: 10px 0 0 0;
    padding: 0;
}

/**
 * Form styles
 */
dl.zend_form {
    margin: 0;
    padding: 10px;
    background-color: #ffffff;
    border: 0px solid #d2d2d2;
}

dl.zend_form dt {
    margin: 0;
    padding: 0;
}

#coupon_specials-label {
	clear: both;
	padding-top: 10px;
}

dl.zend_form label {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    margin-right: 10px;
}

dl.zend_form label.required {
    color: #333333;
    font-weight: bold;
}

dl.zend_form label.required span {
    font-size: 12px;
    color: #616F38;
    font-weight: bold;
}

dl.zend_form dd {
    margin: 0 0 10px 0;
    padding: 0;
}

dl.zend_form ul.errors {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

dl.zend_form ul.errors li {
    margin: 0;
    padding: 0;
    color: #ff0000;
    font-size: 10px;
}

form.multicolumn dl.zend_form fieldset {
    float: left;
    margin: 0 40px 0 0;
    padding: 0;
    border: none;
}

pre.captcha {
    font-family: monospace;
    font-size: 10px;
}

.realtime-check-result {
    margin-left: 10px;
}

textarea {
    width: 400px;
}

input.showUrl {
    width: 400px;
}

input.wide {
    width: 400px;
}

input.extraWide {
    width: 600px;
}

input.keywords {
    width: 300px;
}

textarea.review-textarea {
    width: 360px;
}

div.review-info-text {
    float: right;
    width: 340px;
    padding-left: 15px;
}

div.review-info-text p {
    margin: 0 0 10px 0;
}

#comment-length-info {
    text-decoration: underline;
}

/**
 * Rating
 */
.rating-box {
    display: -moz-inline-box;
    display: inline-block;
    width: 90px;
    height: 18px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 2px;
    background: url(../images/gui/star-huge-off.png) repeat-x;
}

.rating-box.small {
    width: 60px;
    height: 12px;
    background-image: url(../images/gui/star-small-off.png);
}

.rating-box .rating {
    float: left;
    width: 18px;
    height: 18px;
    overflow: hidden;
    cursor: pointer;
}

.rating-box.small .rating {
    width: 12px;
    height: 12px;
}

.rating-box .rating.rating-hover {
    background: url(../images/gui/star-huge-on.png) no-repeat;
}

.rating-box.small .rating.rating-hover {
    background: url(../images/gui/star-small-on.png) no-repeat;
}

.rating-box .rating-display {
    display: block;
    width: 90px;
    height: 18px;
    overflow: hidden;
}

.rating-box.small .rating-display {
    width: 60px;
    height: 12px;
}

.rating-box .rating-width {
    float: left;
    height: 18px;
    overflow: hidden;
    background: url(../images/gui/star-huge-on.png) repeat-x;
}

.rating-box.small .rating-width {
    height: 12px;
    background-image: url(../images/gui/star-small-on.png);
}

/**
 * Tree
 */
#tree {
    padding: 10px;
    border: 1px solid #d2d2d2;
    line-height: 20px;
}

#tree li {
    padding: 0 0 0 24px;
    margin: 0;
    list-style-type: none;
    background: url(../images/tree/extm.png) no-repeat;
}

#tree li:last-child {
    background: url(../images/tree/exlm.png) no-repeat;
}

#tree ul {
    padding: 0 0 0 24px;
    margin: 0 0 0 -24px;
    list-style-type: none;
    background: url(../images/tree/exim.png) repeat-y;
}

#tree>ul,#tree li:last-child>ul {
    background-image: none;
}

#tree li,#tree li a:last-child,#tree li a:first-child {
    font-weight: bold;
}

#tree li a {
    font-weight: normal;
}

/**
 * Tooltip
 */
.tooltip,
.tooltip * {
    color: #0000ff;
    cursor: help;    
}

#tooltip {
    position: absolute;
    display: none;
    padding: 2px 5px;
    
    border: 1px solid #333333;
    background: #f7f5d1;
    color: #333333;
}

/**
 * Datepicker CSS
 */
#datepicker_div {
    display: none;
    z-index: 19000; /*must have*/
}

#datepicker_div a,.datepicker_inline a {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    color: #000;
}

.datepicker_control a {
    padding: 2px 5px !important;
    color: #eee !important;
}

#ui-datepicker-div,.ui-datepicker-inline {
    display: none;
    padding: 0;
    margin: 0;
    background: #E0F4D7;
    width: 185px;
    border: 1px solid #444444;
}

.ui-datepicker-inline {
    float: left;
    display: block;
    border: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-dialog {
    padding: 5px !important;
    border: 4px ridge #83C948 !important;
}

button.ui-datepicker-trigger {
    width: 25px;
}

img.ui-datepicker-trigger {
    margin: 2px;
    vertical-align: middle;
}

.ui-datepicker-prompt {
    float: left;
    padding: 2px;
    background: #E0F4D7;
    color: #000;
}

* html .ui-datepicker-prompt {
    width: 185px;
}

.ui-datepicker-control,.ui-datepicker-links,.ui-datepicker-header,.ui-datepicker
    {
    clear: both;
    float: left;
    width: 100%;
    color: #FFF;
}

.ui-datepicker-control {
    background: #888888;
    padding: 2px 0px;
}

.ui-datepicker-links {
    background: #E0F4D7;
    padding: 2px 0px;
}

.ui-datepicker-control,.ui-datepicker-links {
    letter-spacing: 1px;
}

.ui-datepicker-links label {
    padding: 2px 5px;
    color: #888;
}

.ui-datepicker-clear,.ui-datepicker-prev {
    float: left;
    width: 34%;
}

.ui-datepicker-rtl .ui-datepicker-clear,.ui-datepicker-rtl .ui-datepicker-prev
    {
    float: right;
    text-align: right;
}

.ui-datepicker-current {
    float: left;
    width: 30%;
    text-align: center;
}

.ui-datepicker-close,.ui-datepicker-next {
    float: right;
    width: 34%;
    text-align: right;
}

.ui-datepicker-rtl .ui-datepicker-close,.ui-datepicker-rtl .ui-datepicker-next
    {
    float: left;
    text-align: left;
}

.ui-datepicker-header {
    padding: 1px 0 3px;
    background: #83C948;
    text-align: center;
    font-weight: bold;
    height: 1.3em;
}

.ui-datepicker-header select {
    background: #83C948;
    color: #000;
    border: 0px;
    font-weight: bold;
}

.ui-datepicker {
    background: #CCC;
    text-align: center;
}

.ui-datepicker a {
    display: block;
    width: 100%;
}

.ui-datepicker-title-row {
    background: #B1DB87;
    color: #000;
}

.ui-datepicker-title-row .ui-datepicker-week-end-cell {
    background: #B1DB87;
}

.ui-datepicker-days-row {
    background: #FFF;
    color: #666;
}

.ui-datepicker-week-col {
    background: #B1DB87;
    color: #000;
}

.ui-datepicker-days-cell {
    color: #000;
    border: 1px solid #DDD;
    text-align: center;
}

.ui-datepicker-days-cell a {
    display: block;
}

.ui-datepicker-week-end-cell {
    background: #E0F4D7;
}

.ui-datepicker-unselectable {
    color: #888;
}

.ui-datepicker-week-over,.ui-datepicker-week-over .ui-datepicker-week-end-cell
    {
    background: #B1DB87 !important;
}

.ui-datepicker-days-cell-over,.ui-datepicker-days-cell-over.ui-datepicker-week-end-cell
    {
    background: #FFF !important;
    border: 1px solid #777;
}

* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
    background: #B1DB87 !important;
}

* html .ui-datepicker-week-end-cell {
    background: #E0F4D7 !important;
    border: 1px solid #DDD !important;
}

* html .ui-datepicker-days-cell-over {
    background: #FFF !important;
    border: 1px solid #777 !important;
}

* html .ui-datepicker-current-day {
    background: #83C948 !important;
}

.ui-datepicker-today {
    background: #B1DB87 !important;
}

.ui-datepicker-current-day {
    background: #83C948 !important;
}

.ui-datepicker-status {
    background: #E0F4D7;
    width: 100%;
    text-align: center;
}

#ui-datepicker-div a,.ui-datepicker-inline a {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    color: #000;
}

.ui-datepicker-inline .ui-datepicker-links a {
    padding: 0 5px !important;
}

.ui-datepicker-control a,.ui-datepicker-links a {
    padding: 2px 5px !important;
    color: #000 !important;
}

.ui-datepicker-title-row a {
    color: #000 !important;
}

.ui-datepicker-control a:hover {
    color: #333 !important;
}

.ui-datepicker-links a:hover,.ui-datepicker-title-row a:hover {
    background: #FFF !important;
    color: #333 !important;
}

.ui-datepicker-multi .ui-datepicker {
    border: 1px solid #83C948;
}

.ui-datepicker-one-month {
    float: left;
    width: 185px;
}

.ui-datepicker-new-row {
    clear: left;
}