/* --------- LOGIN BOX --------- */

#loginNavBoxTitle {
    width: 240px;
    height: 20px;
    margin-left: 75px;
}

#loginNavBoxTitle .title {
    float: left;
    color: #073154;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#loginNavBoxTitle .loginButton {
    float: left;
    margin-left: 16px;
}

.loginItem {
    color: #073154;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: 130px;
    padding-top: 6px;
    width: 167px;
}

.loginItemLine .center {
    padding-top: 8px;
    text-align: center;
}

#loginNavBox, #logoutNavBox {
    width: 240px;
    text-align: left;
}

#loginNavBox .email {
    height: 22px;
    margin-right: 16px;
    text-align: right;
    color: #073154;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#loginNavBox .email .emailInp {
    color: #073154;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 155px;
    border: solid 1px #073154;
}

#loginNavBox .password .passwordInp {
    color: #073154;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 155px;
    border: solid 1px #073154;
}

#loginNavBox .password {
    text-align: right;
    color: #073154;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#loginNavBox .lostPassword {
    margin-left: 72px;
    color: #073154;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#logoutNavBox .userName {
    text-align: left;
    margin-left: 75px;
    color: #073154;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a.lostPasswordLink, a.lostPasswordLink:active, a.lostPasswordLink:link {
    color: #073154;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a.lostPasswordLink:hover {
    color: #006CFF;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.loginButtonInput {
    height: 14px;
    width: 10px;
    background: url( /gib4-img/arrow.gif ) 0 0 no-repeat;
}

.loginInfoText, .loginInfoText:link, .loginInfoText:active {
    color: #073154;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.loginInfoText:hover {
    color: #006CFF;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

/* --------- END LOGIN BOX --------- */

/* --------- BASKET BOX --------- */

#basketNavBoxTitle {
    height: 20px;
    width: 160px;
    background: url( /gib4-img/basket_title.gif ) 0 0 no-repeat;
}

#basketNavBox {
    height: 67px;
    width: 160px;
    background-color: #4F6D87;
}

.basketNavBoxContent {
    padding-top: 14px;
    padding-left: 6px;
    padding-right: 6px;
}

.basketText, .basketTextBold {
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.basketTextBold, .basketLink, .basketLink:hover, .basketLink:link, .basketLink:active {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.basketTextBold img {
    height: 26px;
}

#basketNavBoxBottom {
    height: 12px;
    width: 160px;
    background: url( /gib4-img/basket_bottom_bg.gif ) 0 0 no-repeat;
    overflow: hidden;
}

.basketLine {
    background: url( /gib4-img/basket_line_bg.gif ) repeat-x;
    height: 1px;
}

.basketClearSpace {
    height: 6px;
}

/* --------- END BASKET BOX --------- */

/* --------- INFO --------- */

.infoPageMenu {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #FFF;
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

a.linkInfoPage:link, a.linkStaticMenu:link {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: white;
    text-decoration: none;
}

a.linkInfoPage:visited, a.linkStaticMenu:visited {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: white;
    text-decoration: none;
}

a.linkInfoPage:hover, a.linkStaticMenu:hover {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: white;
    text-decoration: underline;
}

.infoPageBody {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

.topMenu {
    position: absolute;
    left: 133px;
    top: 6px;
    width: 855px;
}

.topInfoPagesMenu {
    text-align: left;
    float: left;
    width: 40%;
}

.topStaticMenu {
    text-align: right;
    float: right;
    width: 40%;
    color: #FFF;
}

/* --------- END INFO --------- */

/* --------- NAV BOX --------- */

.gibLightBackColor {
    background-color: #D1D6DA
}

.gibNavBox {
    height: 16px;
    font-size: 10px;
}

.gibNavBox #information {
    float: left;
    width: 50%;
}

.gibNavBox #navigation {
    float: right;
    text-align: right;
    width: 50%;
}

.gibNavBox #navigation #currentPage {
    font-size: 11px;
}

/* --------- END NAV BOX --------- */

/* --------- BOOKMARK --------- */

#bookmarkWorksheet {
    margin: 0;
}

#bookmarkWorksheet .bookmarkTitle {
    color: #526D88;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#bookmarkWorksheet .bookmarkAreaTitle {
    color: #526D88;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-bottom: 5px;
}

#bookmarkLine {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
}

#bookmarkWorksheet hr {
    width: 100%;
    height: 1px;
    color: #4E6E87;
    margin-right: 5px;
}

.bookmarkText {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#bookmarkRegistration {
    margin-left: 53px;
    height: 900px;
    width: 900px;
    text-align: left;
}

#bookmarkRegistration * {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

#bookmarkRegistration .line {
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
}

#bookmarkRegistration hr {
    width: 100%;
    height: 1px;
    color: #4E6E87;
}

/* --------- END BOOKMARK --------- */

/* --------- SEARCH --------- */

#searchList {
    width: 100%;
}

#searchList .searchResultMsg {
    width: 100%;
}

#searchList .defaultSearchListBox {
    margin-top: 6px;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 100%;
}

/* --------- END SEARCH --------- */

/* --------- MY PRODUCT --------- */

#myProductsWorksheet {
    margin: 0;
}

#myProductsWorksheet .myProductsTitle {
    color: #526D88;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#myProductsWorksheet .myProductsContent {
    padding-top: 10px;
}

#myProductsWorksheet .myProductsAreaTitle {
    color: #526D88;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-bottom: 5px;
}

#myProductsLine {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
}

#myProductsWorksheet hr {
    width: 100%;
    height: 1px;
    color: #4E6E87;
    margin-right: 5px;
}

.myProductsText {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#myProductsRegistration, #userRegistration {
    margin-left: 53px;
    height: 900px;
    width: 900px;
    text-align: left;
}

#myProductsRegistration *, #userRegistration * {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

#myProductsRegistration .line, #userRegistration .line {
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
}

#myProductsRegistration hr, #userRegistration hr {
    width: 100%;
    height: 1px;
    color: #4E6E87;
}

/* --------- END MY PRODUCT --------- */

/* --------- NEW DOWNLOADS BOX --------- */

#newDownloadsBox {
    width: 160px;
    overflow: hidden;
}

.newDownloadsBoxContent {
    background-color: #DEDFE1;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}

.newDownloadsBoxContent td {
    padding: 3px;
}

.newDownloadsBoxContent .image {
    width: 60px;
}

.newDownloadsBoxContent .boxLineTD .boxLine {
    background: url( /gib4-img/box_line_bg.gif ) repeat-x;
    height: 1px;
    width: 147px;
    margin-left: 4px;
}

.newDownloadsBoxContent .info {
    width: 88px;
}

/*.newDownloadsBoxContent .downloadName {
    color: #4E6E87;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}*/

.newDownloadsBoxContent .downloadName a {
    color: #073154;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.newDownloadsBoxContent .downloadDescription {
    width: 88px;
    color: #526D88;
    font-size: 8px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.newDownloadsBoxContent .downloadDescription * {
    color: #526D88;
    font-size: 8px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.newDownloadsBoxContent .price {
    width: 90px;
    color: #ff6600;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* --------- NEW DOWNLOADS BOX --------- */

/* --------- TOP DOWNLOADS BOX --------- */

#topDownloadsBox {
    width: 160px;
    overflow: hidden;
}

.topDownloadsBoxContent {
    background-color: #DEDFE1;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
    width: 160px;
    overflow: hidden;
}

.topDownloadsBoxContent td {
    padding: 3px;
}

.topDownloadsBoxContent .image {
    width: 60px;
}

.topDownloadsBoxContent .boxLineTD .boxLine {
    background: url( /gib4-img/box_line_bg.gif ) repeat-x;
    height: 1px;
    width: 147px;
    margin-left: 4px;
}

.topDownloadsBoxContent .info {
    width: 88px;
    text-align: left;
}

/*.topDownloadsBoxContent .downloadName {
    color: #4E6E87;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}*/

.topDownloadsBoxContent .downloadName a {
    color: #073154;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.topDownloadsBoxContent .downloadDescription {
    width: 88px;
    color: #526D88;
    font-size: 8px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.topDownloadsBoxContent .downloadDescription * {
    color: #526D88;
    font-size: 8px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.topDownloadsBoxContent .price {
    width: 90px;
    color: #ff6600;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* --------- TOP DOWNLOADS BOX --------- */

/* --------- NEW CONTENTS BOX --------- */

#newContentsBox {
    width: 160px;
    overflow: hidden;
}

.newContentsBoxContent {
    background-color: #DEDFE1;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}

.newContentsBoxContent td {
    padding: 3px;
}

.newContentsBoxContent .image {
    width: 60px;
}

.newContentsBoxContent .boxLineTD .boxLine {
    background: url( /gib4-img/box_line_bg.gif ) repeat-x;
    height: 1px;
    width: 147px;
    margin-left: 4px;
}

.newContentsBoxContent .info {
    width: 88px;
}

.newContentsBoxContent .contentTitle a {
    color: #073154;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.newContentsBoxContent .contentSubTitle {
    width: 88px;
    color: #526D88;
    font-size: 8px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.newContentsBoxContent .contentSubTitle * {
    color: #526D88;
    font-size: 8px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* --------- NEW CONTENTS BOX --------- */

/* --------- ADMIN AREA --------- */
#gibAdminWorksheet {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    position: relative;
    left: 15px;
    min-height: 800px;
    text-align: left;
}

/* --------- ADMIN AREA --------- */

.gibContentInfo {
    height: 600px;
    padding: 20px;
}

.gibContentInfo div.title {
    color: #333399;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.gibContentInfo div.description {
    color: #4E6E87;
    font-size: 12px;
    padding-left: 5px;
    text-decoration: none;
}

/* --------- VOTE ADMIN --------- */

.voteAdminTable {
    border: none;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    FONT-FAMILY: Tahoma Regular, sans-serif;
}

.voteAdminTable tr.voteAdminDownloadNameTR {
    padding: 3px;
    background: #F7F7F7;
    color: #333399;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
}

.voteAdminTable tr.voteAdminRedDownloadNameTR {
    padding: 3px;
    background: #dfcbff;
    color: #333399;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
}

.voteAdminTable td.voteAdminDownloadNameTD {
    border-top: solid 1px #A8A8A8;
    border-left: solid 1px #A8A8A8;
}

.voteAdminTable td.voteAdminDownloadNameTD a,
    .voteAdminTable td.voteAdminDownloadNameTD a:hover,
    .voteAdminTable td.voteAdminDownloadNameTD a:link,
    .voteAdminTable td.voteAdminDownloadNameTD a:active {
    color: #333399;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

.voteAdminTable td.voteAdminStarsTD {
    padding-right: 5px;
    text-align: right;
    border-top: solid 1px #A8A8A8;
    border-right: solid 1px #A8A8A8;
}

.voteAdminTable tr.voteAdminOptionsTR {
    background: #F7F7F7;
    padding: 5px;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}

.voteAdminTable tr.voteAdminRedOptionsTR {
    background: #dfcbff;
    padding: 5px;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}

.voteAdminTable td.voteAdminOptionsTD {
    border-top: solid 1px #A8A8A8;
    border-left: solid 1px #A8A8A8;
    border-bottom: solid 1px #A8A8A8;
}

.voteAdminTable td.voteAdminUserInfoTD {
    padding-right: 5px;
    text-align: right;
    border-top: solid 1px #A8A8A8;
    border-right: solid 1px #A8A8A8;
    border-bottom: solid 1px #A8A8A8;
}

.voteAdminTable .voteAdminTextArea {
    width: 644px;
    height: 60px;
}

.voteAdminOptionsTable {
    border: none;
}

.voteAdminOptionsTable td.checkedTD {
    width: 20px;
    text-align: left;
}

.voteAdminOptionsTable td.checkedTextTD {
    width: 30px;
    text-align: left;
}

.voteAdminOptionsTable td.approvedTD {
    width: 20px;
    text-align: left;
}

.voteAdminOptionsTable td.approvedTextTD {
    width: 30px;
    text-align: left;
}

.voteAdminOptionsTable td.deleteTD {
    width: 20px;
    text-align: left;
}

.voteAdminOptionsTable td.deleteTextTD {
    width: 30px;
    text-align: left;
}

.voteAdminOptionsTable td.optionsClearSpace {
    width: 10px;
}

/* --------- END VOTE ADMIN --------- */

/* --------- STAT AREA --------- */
#gibStatisticsWorksheet {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    position: relative;
    left: 15px;
    min-height: 800px;
    text-align: left;
}

table.shopMonthlyStats {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

table.shopMonthlyStats .title {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

table.shopMonthlyStats.prodID {
    width: 90px;
}

table.shopMonthlyStats.prodName {
    width: 150px;
}

table.shopMonthlyStats .prodCode {
    width: 120px;
}

table.shopMonthlyStats .month {
    width: 80px;
    text-align: center;
}

table.shopMonthlyStats .total {
    width: 200px;
    text-align: center;
}

/* --------- STAT AREA --------- */

/*      SUBSCRIBE       */
.subscribe {
    font-weight: normal;
    font-size: 12px;
    font-family: Trebuchet MS, sans-serif;
    color: black;
    text-decoration: none;
    padding-bottom: 15px;
}

.subscribe .title {
    font-size: 18px;
    font-weight: bold;
    color: #073154;
}

.subscribe .content {
    padding-top: 10px;
}

.subscribe .line {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.subscribe .subtitle {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #073154;
}

.subscribe .highlight {
    color: #004270;
}

.subscribe #subscribeTable {
    /*width: 100%;*/
}

.subscribe #subscribeTable td.action {
    vertical-align: bottom;
    text-align: right;
}

.subscribe .subscribeUser {
    background: url( /gib4-img/book_mark.jpg ) 0 0 no-repeat;
    height: 36px;
    width: 36px;
}

.subscribe .subscribeUserLabel {
    position: relative;
    top: -15px;
    color: #526D88;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.subscribe .cmnFormFieldTitle {
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    color: #073154;
}

.subscribe .cmnFormFields {
    /*width: 100%;*/
}

.subscribe .cmnFormFields td {
    vertical-align: bottom;
    border: none;
    padding: 13px 0 0 0;
}

.subscribe input.password,
    .subscribe input.confirmPassword,
    .subscribe input.firstName,
    .subscribe input.lastName,
    .subscribe input.address,
    .subscribe input.city,
    .subscribe input.zipCode,
    .subscribe select.country,
    .subscribe select.salutation,
    .subscribe input.email {
    border: 1px solid #838383;
    font-size: 14px;
    padding-top: 4px;
    width: 350px;
    height: 22px;
    color:#073154;
}

.subscribe select.salutation {
    padding-top: 0;
    width: 150px;
}

.subscribe select.country {
    padding-top: 0;
}

.subscribe input.passwordError,
    .subscribe input.confirmPasswordError,
    .subscribe input.firstNameError,
    .subscribe input.lastNameError,
    .subscribe input.addressError,
    .subscribe input.cityError,
    .subscribe input.zipCodeError,
    .subscribe select.countryError,
    .subscribe select.salutationError,
    .subscribe input.emailError {
    border: 1px solid #838383;
    font-size: 14px;
    padding-top: 4px;
    width: 352px;
    height: 24px;
}

.subscribe select.salutationError {
    padding-top: 0;
    width: 152px;
}

.subscribe select.countryError {
    padding-top: 0;
}

.subscribeOptions {
    margin-left: 7px;
}
#subscribeOptionsInput {
    border:none;
}
.subscribeOptions input {
    border:none;
}
#sppo1, #sppo2, #sppo3, #sppo4, #sppo5, #sppo6, #sppo7, #sppo8, #sppo9, #sppo10, #sppo11,
#sppo12, #sppo13, #sppo14, #sppo15, #sppo16, #sppo17, #sppo18, #sppo19, #sppo20, #sppo21, #sppo22 {
    border:none;
}

.arrow {
    background: url( "/gib4-img/pfeil.png" ) no-repeat center;
    width: 20px;
    height: 20px;
    filter: expression( fixPNG( this ) );
}

/*      SUBSCRIBE END       */