@charset "utf-8";
/* CSS Document */
@import url(clearing.css);
@import url(custom_form.css);
@import url(../resources/components/shop/ui/shop.css);
@import url(../resources/components/shop/ui/checkout.css);
/*
*
*@author Florian Sommer
*@version $Revision: 1.4 $
*
*/
@media screen {
.error {
    color : #e00000;
}
.warn {
    color : #FD8F00;
}
.success {
    color : #008000;
}
.superscript {
    font-size : 0.6em;
    vertical-align : top;
}
pre.stackTrace {
    background-color : #f9f9f9;
    border : 1px solid #f0f0f0;
    padding : 3px;
    margin-top : 0;
    clear : both;
    overflow : auto;
}
div#site {
    position : relative;
    margin : 0 auto 0 auto;
    text-align : left;
    width : 986px;
    background-color : transparent;
    font-size : 11px;
}
/* ***spacers*** */
div#flash_spacer {
    position : relative;
    z-index : -2;
    width : 975px;
    height : 338px;
}
div#menu_spacer {
    margin-left : 1px;
    width : 985px;
    height : 45px;
}
div#content_spacer {
    width : 970px;
}
div#footer_spacer {
    clear : both;
    width : 960px;
    height : 20px;
}
button {
    cursor : pointer;
}
/* styled button */
button.button {
    border : none;
    background : none;
    padding : 0;
    margin : 0;
}
/* ***flash*** */
div#flash {
    position : absolute;
    top : -9px;
    left : 0px;
    width : 980px;
    height : 337px;
}
object {
    outline : none;
}
/* ***menu*** */
div#menu {
    position : absolute;
    top : 0px;
    left : 1px;
    width : 985px;
    height : 50px;
}
div.logo {
    margin : 12px 25px 13px 30px;
    float : left;
}
/* *search* */
div#search {
    float : right;
    margin-right : 20px;
    z-index : 200;
    margin-top : 25px;
    white-space : nowrap;
}
#search .searchField {
    background-color : #ffffff;
    color : #909090;
    font-size : 11px;
    font-style : italic;
    width : 100px;
    height : 14px;
    vertical-align : middle;
    margin : 0;
}
#search input.black {
    color : #000000;
    font-style : normal;
}
#search .button {
    padding-left : 5px;
    margin : 0;
    vertical-align : middle;
}
div.searchResult {
    margin-bottom : 8px;
    margin-left : 7px;
}
div.searchDetails {
    border : 1px solid #d0d0d0;
    padding : 3px;
    max-height : 230px;
    overflow : auto;
}
/*
**dropdown box**
*@link http://www.htmldog.com
*/
#nav {
    float : left;
    list-style : none;
    padding : 0;
    line-height : 7px;
    margin-top : 22px;
    margin-left : auto;
    margin-right : auto;
}
#nav ul {
    list-style : url(../pix/listStyles/arrow.gif);
    list-style-position : outside;
    line-height : 16px;
    padding : 0;
}
#nav a {
    display : block;
    color : #000000;
    text-decoration : none;
}
/* *assembling the tab* */
a.back {
    background : url(../pix/BordersAndShadows/navigation/tab2.png) no-repeat top right;
    padding : 11px 9px 9px 0px;
    font-size : 12px;
    font-weight : bold;
}
li.main {
    float : left;
    margin-top : 19px;
    background : url(../pix/BordersAndShadows/navigation/tab1.png) no-repeat top left;
    padding : 0px 0px 0px 8px;
    margin : 0;
}
/* *the boxes style and behaviour* */
#nav li ul li {
    clear : left;
    margin-left : 17px;
    font-size : 11px;
    font-weight : bold;
    width : 140px;
}
#nav li ul,
#nav li div {
    left : -999em;
    font-weight : normal;
    width : 190px;
}
#nav li:hover ul,
#nav li.sfhover ul,
#nav li:hover div,
#nav li.sfhover div {
    left : auto;
    float : left;
    z-index : 99;
}
#nav li div.mainMenuSeparator {
    border-bottom : 1px solid #ebeaea;
    height : 1px;
    width : 183px;
    margin-left : -17px;
    position : relative;
}
/*
**dropdown borders**
*@link: http://www.456bereastreet.com
*/
.shadowThree {
    position : absolute;
    float : left;
    margin-left : -16px;
    margin-top : -7px;
    z-index : 2;
}
/* *left* */
.shadowThree .borderLeft {
    position : relative;
    padding : 0 0 0 12px;
    margin-left : 0;
    background : url(../pix/BordersAndShadows/navigation/borders3.png) repeat-y 0 0;
}
/* *right* */
.shadowThree .borderRight {
    padding : 0 14px 0 0;
    margin-right : 0;
    background : url(../pix/BordersAndShadows/navigation/borders3.png) repeat-y top right;
}
/* *top* */
.shadowThree .borderTop {
    margin : 0;
    height : 15px;
    padding : 0 0 0 26px;
    background : url(../pix/BordersAndShadows/navigation/box3_TL.png) no-repeat top left;
}
.shadowThree .borderTop div {
    position : relative;
    width : 190px;
    height : 15px;
    background : url(../pix/BordersAndShadows/navigation/box3_TR.png) no-repeat top right;
}
/* *bottom* */
.shadowThree .borderBottom {
    margin : 0;
    height : 15px;
    padding : 0 0px 0 26px;
    background : url(../pix/BordersAndShadows/navigation/box3_BL.png) no-repeat bottom left;
}
.shadowThree .borderBottom div {
    position : relative;
    width : 190px;
    height : 15px;
    background : url(../pix/BordersAndShadows/navigation/box3_BR.png) no-repeat bottom right;
}
.shadowThree .contentWrapper {
    margin-top : -5px;
    padding-left : 5px;
}
/* additional teasers */
div.additionalTeaser {
    padding-left : 6px;
    padding-top : 3px;
    padding-bottom : 3px;
}
/* ***content*** */
/* * general* */
div#content {
    float : right;
    padding : 0px 0px 10px 0px;
    width : 750px;
    font-size : 11px;
}
h1 {
    font-size : 18px;
    font-weight : bold;
    margin : 0px;
    margin-bottom : 6px;
}
h2 {
    font-size : 14px;
    font-weight : bold;
    margin : 0px;
    margin-top : 3px;
    margin-bottom : 6px;
}
h3 {
    font-size : 12px;
    font-weight : bold;
    margin : 0px;
    margin-top : 3px;
    margin-bottom : 6px;
}
h4 {
    font-size : 12px;
    font-weight : bold;
    margin : 0px;
    margin-top : 3px;
    margin-bottom : 6px;
}
#content ul,
ol {
    margin-left : 7px;
}
#content a {
    font-weight : bold;
}
#content a:hover {
    text-decoration : underline;
}
#content p {
    margin-bottom : 4px;
    line-height : 135%;
}
#content div.product p {
    line-height : 115%;
}
#content div p > img {
    margin-right : 10px;
}
#content div.product p * img {
    margin-left : -7px;
}
/* thumbview */
#content .skim {
    position : relative;
    margin : 0 auto 20px auto;
    font-size : 11px;
    width : 450px;
    text-align : center;
}
.skim .skimtxt {
    margin : 0 20px 0 20px;
}
.navDisabled {
    font-weight : bold;
    color : #808080;
}
div.product {
    width : 175px;
    float : left;
    margin : 0 10px 10px 0px;
}
.shopTwo {
    width : 220px !important;
    margin-right : 30px !important;
}
div.productAltImg {
    width : 175px;
    float : left;
    margin : 5px 10px 10px 0px;
}
a.product {
    font-size : 11px;
    margin : 0 5px 0 0px;
}
.product p {
    margin-left : 7px;
    padding-right : 7px;
}
div.prodTextBox {
    height : 30px;
    margin-left : 7px;
    padding-right : 7px;
    position : relative;
}
div.prodTextAlign {
    position : absolute;
    bottom : 2px;
}
img.productGroup {
    margin-left : -5px;
}
/* startpage */
.teaser {
    width : 360px;
    float : left;
    margin : 0 5px 10px 5px;
}
.teaser h2 {
    font-size : 11px;
    font-weight : bold;
    margin : 20px 5px 12px 5px;
}
.teaser p {
    font-size : 11px;
    margin-left : 5px;
    margin-right : 5px;
}
/* productdetail */
.detail {
    width : 750px;
    margin : 0 6px 10px 0px;
    font-size : 11px;
}
.detail .pic {
    float : left;
    width : 280px;
}
.detail .picShopTwo {
    float : left;
    width : 305px;
}
.detail .pic p {
    margin : 4px 5px 8px 0;
}
.detail .pic h2 {
    margin-left : 5px;
}
.detail h2 {
    margin-top : 4px;
    margin-bottom : 8px;
    color : #0257A7;
    font-size : 11px;
}
.detailtxt p {
    margin-bottom : 5px;
}
.detailtxt li {
    margin-bottom : 6px;
    margin-left : 15px;
    list-style-position : inside;
}
/* Filter CMS Content infos */
.cmsInfo {
    margin-left : 7px;
    margin-right : 7px;
    margin-top : 2px;
    margin-bottom : 2px;
    font-weight : bold;
}
/*
**corners and shadows**
*@link: http://www.456bereastreet.com
*/
/* Top corners and border */
.borderTop {
    position : relative;
    left : 0px;
    height : 14px;
    margin : 0 0 0 -3px;
    padding : 0 0 0 15px;
    background : url(../pix/BordersAndShadows/site/box1_TL.png) no-repeat top left;
}
.borderTop div {
    position : relative;
    width : 979px;
    height : 14px;
    background : url(../pix/BordersAndShadows/site/box1_TR.png) no-repeat top right;
    font-size : 0;
    line-height : 0px;
}
/* Bottom corners and border */
.borderBottom {
    position : relative;
    height : 14px;
    margin : 0 0 0 -3px;
    padding : 0 0 0 16px;
    background : url(../pix/BordersAndShadows/site/box1_BL.png) no-repeat bottom left;
}
.borderBottom div {
    position : relative;
    width : 978px;
    height : 14px;
    background : url(../pix/BordersAndShadows/site/box1_BR.png) no-repeat bottom right;
    font-size : 0;
    line-height : 0px;
}
/* Left border */
.borderLeft {
    position : relative;
    padding : 0;
    margin-left : 3px;
    background : url(../pix/BordersAndShadows/site/borders1.png) repeat-y top left;
}
/* Right border */
.borderRight {
    position : relative;
    margin-right : 0px;
    padding : 0 0px 0 0;
    background : url(../pix/BordersAndShadows/site/borders1.png) repeat-y top right;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.contentWrapper {
    position : relative;
    display : block;
    margin-right : 13px;
    background : #ffffff;
}
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.contentWrapper:after {
    content : ".";
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}
.contentWrapper {
    display : block;
}
/* *left side navigation boxes* */
.sidebarLeft {
    float : left;
    clear : left;
    line-height : 16px;
}
.firstNavLayer {
    margin-left : 10px;
}
.firstNavLayer img {
    margin-right : 5px;
    margin-top : 2px;
    float : left;
}
.firstNavLayer a {
    width : 170px;
    float : right;
    font-weight : bold;
}
.secondNavLayer {
    margin-left : 24px;
    padding-top : 2px;
}
.secondNavLayer img {
    float : left;
    clear : right;
    margin-right : 5px;
    margin-top : 3px;
}
.secondNavLayer a {
    width : 156px;
    float : right;
    font-weight : bold;
}
.thirdNavLayer {
    margin-left : 42px;
    padding-top : 2px;
}
.thirdNavLayer img {
    margin-right : 5px;
    margin-top : 3px;
    float : left;
}
.thirdNavLayer a {
    width : 138px;
    float : right;
    font-weight : bold;
}
.menuSeparator {
    clear : both;
    border-bottom : 1px solid #ebeaea;
    width : 185px;
    height : 1px;
}
.menuSeparator.one {
    margin-left : -5px;
}
.menuSeparator.two {
    margin-left : -19px;
}
.menuSeparator.three {
    margin-left : -37px;
}
.sidebarLeft h2 {
    margin-top : 0px;
}
.blueSidebarHeader {
    background-image : url(../pix/blueBg.gif);
    width : 204px;
    height : 17px;
    margin-left : -4px;
    margin-bottom : 5px;
}
.blueSidebarHeader div img {
    margin-right : 5px;
    padding-left : 5px;
    float : left;
    margin-top : -3px;
}
.blueSidebarHeader strong {
    font-size : 13px;
    font-weight : bold;
}
/* downloads + links */
.sidebarLeft .linkSpacer {
    clear : both;
    padding : 1px 0 1px 0;
}
.sidebarLeft .userAdminLink {
    display : block;
    padding-top : 2px;
    float : left;
    width : 175px;
}
.sidebarLeft .LinkContainer {
    margin-left : 5px;
}
.sidebarLeft .DownloadLink {
    display : block;
    padding-top : 2px;
    float : left;
    width : 170px;
}
.sidebarLeft img.dlIcon {
    margin : 1px 3px 0 0;
    vertical-align : sub;
    float : left;
}
/*
** corners and shadows**
*@link: http://www.456bereastreet.com
*/
.shadowTwo {
    width : 218px;
}
/* *left* */
.shadowTwo .borderLeft {
    padding : 0 0 0 11px;
    margin-left : 0;
    background : url(../pix/BordersAndShadows/leftColumn/borders2.png) repeat-y top left;
}
/* *right* */
.shadowTwo .borderRight {
    padding : 0 13px 0 0;
    margin-right : 0;
    background : url(../pix/BordersAndShadows/leftColumn/borders2.png) repeat-y top right;
}
.shadowTwo .contentWrapper {
    margin-right : 0px;
}
/* *top* */
.shadowTwo .borderTop {
    height : 17px;
    margin : 0 0 0 -1px;
    padding-left : 16px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_TL.png) no-repeat top left;
}
.shadowTwo .borderTop div {
    position : relative;
    width : 204px;
    height : 17px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_TR.png) no-repeat top right;
    font-size : 0;
    line-height : 0px;
}
/* *bottom* */
.shadowTwo .borderBottom {
    height : 16px;
    margin : 0 0 0 -1px;
    padding : 0 0 0 16px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_BL.png) no-repeat bottom left;
}
.shadowTwo .borderBottom div {
    position : relative;
    width : 204px;
    height : 16px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_BR.png) no-repeat bottom right;
    font-size : 0;
    line-height : 0px;
}
/* ***footer*** */
div#footer {
    border-top : 1px solid #ebeaea;
    position : absolute;
    bottom : -18px;
    left : 5px;
    clear : both;
    height : 20px;
    width : 960px;
    padding : 2px 5px 5px 5px;
    z-index : 2;
    color : #808080;
}
#footer a {
    color : #808080;
}
/* preserves the box's space and takes care of the offset */
#box_spacer {
    height : 15px;
    float : left;
    width : 671px;
    margin : 20px 0 0;
    color : #000000;
}
#box {
    margin : 0 auto;
    cursor : pointer;
    width : 270px;
    margin : 10px 0 10px 80px;
    font-size : 10px;
    border : 1px solid #0257a7;
}
#box div ul li a {
    text-decoration : none;
    font-weight : normal;
    color : #000000;
}
#box div ul li a span {
    text-decoration : none;
    font-weight : normal;
    cursor : pointer;
}
#box div ul li a:hover {
    text-decoration : none;
}
#box div.align {
    margin-left : 5px;
}
.navbox {
    /* the container for the 2nd layer items */
    position : absolute;
    z-index : 2;
    margin-top : 0px;
    width : 270px;
    margin-left : -6px;
    height : 99px;
    overflow : auto;
    display : none;
    background-color : #ffffff;
    border : 1px solid #0257a7;
}
/* *the dropdown funktionality of the box* */
/* hides the 2nd layer */
#box div ul {
    list-style : none;
    padding : 0;
    margin-top : 1px;
}
#box div ul li {
    padding : 0 5px;
}
#box div ul li:hover {
    background-color : #ebeaea;
}
/* makes the 2nd layer appear on mouseover */
#box:hover div.navbox {
    display : block;
}
.flag {
    float : left;
    margin : 0 0 0 5px;
    padding-right : 15px;
    height : 16px;
}
.downArrow {
    float : right;
    background-color : #ebeaea;
}
.countryText {
    float : left;
    padding : 0;
    margin-top : 2px;
    width : 115px
}
/* **RegionNavi** */
div#regionNavi {
    position : absolute;
    top : 295px;
    left : 3px;
    height : 90px;
    width : 740px;
    font-size : 11px;
    z-index : 2;
    background-color : transparent;
}
#regionNavi .head {
    font-size : 12px;
    font-weight : bold;
    margin : 11px 0 0 92px;
}
#regionNavi .selectbox {
    width : 300px;
    height : 16px;
    margin : 0 0 0 35px;
    vertical-align : middle;
}
#regionNavi label {
    margin-left : 10px;
}
#regionNavi .regionSelect {
    margin : 10px 0 12px 28px;
}
#regionNavi .button {
    margin-top : -1px;
    margin-left : 5px;
    vertical-align : top;
}
/* *breadcrumb stuff* */
#regionNavi .breadcrumb {
    margin-left : 15px;
    font-size : 10px;
}
.breadcrumb img {
    margin-left : 5px;
    margin-right : 5px;
    position : relative;
    top : 5px;
    left : 0;
}
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active {
    color : #000000;
    text-decoration : none;
}
.breadcrumb a:hover {
    text-decoration : underline;
}
.breadcrumbContent {
    float : left;
    width : 450px;
    margin-top : 6px;
}
/* * login * */
input.login {
    padding-top : 3px;
    width : 90px;
}
.sidebarLeft label {
    display : block;
    overflow : hidden;
    float : left;
    width : 70px;
    font-weight : bold;
}
button.login {
    vertical-align : middle;
    margin-top : -4px;
    margin-left : 3px;
}
/* ***********************************Productfinder************************ */
#productFinder {
    position : absolute;
    z-index : 1;
    margin-top : 7px;
}
#productFinder input {
    float : left;
    margin : 1px 3px 2px 2px;
}
#productFinder .prodFindTxt {
    font-weight : bold;
    padding-top : 3px;
    padding-bottom : 4px;
    padding-right : 3px;
}
#productFinder h1 {
    font-size : 12px;
    font-weight : bold;
}
#productFinder label {
    margin-right : 7px;
}
/* borders productfinder */
.shadowFour {
    width : auto;
    overflow : hidden;
    -moz-opacity : 0.85;
    opacity : 0.85;
}
/* *left* */
.shadowFour .borderLeft {
    padding : 0 0 0 10px;
    margin-left : -2px;
    background : transparent;
}
/* *right* */
.shadowFour .borderRight {
    padding : 0 10px 0 0;
    margin-right : 8px;
    background : transparent;
}
.shadowFour .contentWrapper {
    margin : 0px -10px 0 -2px;
    padding-left : 4px;
    border-left : 1px solid #cccccc;
    border-right : 1px solid #cccccc;
}
/* *top* */
.shadowFour .borderTop {
    height : 12px;
    margin : 0 0 0 0px;
    padding-left : 16px;
    background : url(../pix/BordersAndShadows/IE6/box1_TL.gif) no-repeat top left;
}
.shadowFour .borderTop div {
    position : relative;
    width : 100%;
    height : 12px;
    background : url(../pix/BordersAndShadows/IE6/box1_TR.gif) no-repeat top right;
    font-size : 0;
    line-height : 0px;
    overflow : hidden;
}
/* *bottom* */
.shadowFour .borderBottom {
    height : 12px;
    margin : 0 0 0 0px;
    padding : 0 0 0 16px;
    background : url(../pix/BordersAndShadows/IE6/box1_BL.gif) no-repeat bottom left;
}
.shadowFour .borderBottom div {
    position : relative;
    width : 100%;
    height : 12px;
    background : url(../pix/BordersAndShadows/IE6/box1_BR.gif) no-repeat bottom right;
    font-size : 0;
    line-height : 0px;
    overflow : hidden;
}
/* *Sitemap* */
.smlevel_0 {
}
.smlevel_1 {
    margin-left : 15px;
}
.smlevel_2 {
    margin-left : 30px;
}
.smlevel_3 {
    margin-left : 45px;
}
.smlevel_4 {
    margin-left : 60px;
}
.smlevel_5 {
    margin-left : 75px;
}
.smlevel_6 {
    margin-left : 90px;
}
.smlevel_7 {
    margin-left : 105px;
}
.smlevel_8 {
    margin-left : 120px;
}
.smlevel_9 {
    margin-left : 135px;
}
/* *JS-Forms* */
#formSelectorIntro {
    display : none;
}
/* *misc* */
.left {
    float : left;
}
.right {
    float : right;
}
.clearboth {
    clear : both;
    height : 1px;
}
.display {
    display : none;
}
.retailerTableRow {
    background-color : #ded9d3;
}
/* social bookmark icons */
.sbi {
    padding : 1px;
    border : 0px;
}
/* representative display */
td.repFlag {
    width : 60px;
}
td.repCountry {
    width : 200px;
}
td.repDetails {
    width : auto;
}
/* ---- anniversary talent search ----- */
img.ats_galleryButton {
    display : none;
}
/* ----------Compa Search----------- */
.shadowNine {
    width : 730px;
    margin-bottom : 14px;
}
/* *left* */
.shadowNine .borderLeft {
    padding : 0 0 0 11px;
    margin-left : 0;
    background : url(../pix/BordersAndShadows/leftColumn/borders2.png) repeat-y top left;
}
/* *right* */
.shadowNine .borderRight {
    padding : 0 8px 0 0;
    margin-right : -4px;
    background : url(../pix/BordersAndShadows/leftColumn/borders2.png) repeat-y top right;
}
.shadowNine .contentWrapper {
    margin-right : 0px;
}
/* *top* */
.shadowNine .borderTop {
    height : 17px;
    margin : 0 0 0 -1px;
    padding-left : 16px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_TL.png) no-repeat top left;
}
.shadowNine .borderTop div {
    position : relative;
    width : 720px;
    height : 17px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_TR.png) no-repeat top right;
    font-size : 0;
    line-height : 0px;
}
/* *bottom* */
.shadowNine .borderBottom {
    height : 16px;
    margin : 0 0 0 -1px;
    padding : 0 0 0 16px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_BL.png) no-repeat bottom left;
}
.shadowNine .borderBottom div {
    position : relative;
    width : 720px;
    height : 16px;
    background : url(../pix/BordersAndShadows/leftColumn/box2_BR.png) no-repeat bottom right;
    font-size : 0;
    line-height : 0px;
}
#compasearch {
    display : none;
}
#compaSearchModelsSelector {
    display : none;
}
a.compaSearchDirectLink {
    color : #0053a0;
    cursor : pointer;
}
#compaSearchHighlightList {
    margin-left : 20px;
}
/* ** ----- printer supplies (generated contents) ** */
div.pseo {
    float : left;
    padding : 0 10px 5px 0;
}
/*
*
*  -------- COMMERCECONNECTOR STUFF --------
*/
h1.commerceConnectorHeading {
    font-size : 18px !important;
    margin : 0 0 5px 0 !important;
    padding : 0 0 0 0 !important;
}
h2.commerceConnectorHeading {
    font-size : 14px !important;
    margin : 0 0 5px 0 !important;
    padding : 0 0 0 0 !important;
}
div#commerceConnectorContainer {
    width : 883px;
    float : left;
    border : solid transparent;
    border-width : 16px 16px 16px 16px;
    -moz-border-image : url('../resources/components/pelikan/commerce-connector/borders-complete.png') 16 16 16 16 stretch stretch;
    border-image : url('../resources/components/pelikan/commerce-connector/borders-complete.png') 16 16 16 16 stretch stretch;
    -webkit-border-image : url('../resources/components/pelikan/commerce-connector/borders-complete.png') 16 16 16 16 stretch stretch;
}
div#commerceConnectorContent {
    font : normal 11px 'Segoe UI', Arial, Helvetica, sans-serif !important;
    color : #000000 !important;
    background : url('../resources/components/pelikan/commerce-connector/gradient.png') repeat-x #ffffff;
    padding : 5px;
}
div#commerceConnectorContentTable {
    font : normal 11px 'Segoe UI', Arial, Helvetica, sans-serif !important;
    color : #000000 !important;
    background : url('../resources/components/pelikan/commerce-connector/gradient.png') repeat-x #ffffff;
    padding : 0 5px;
    margin : 0 0 0 0 !important;
    height : 426px;
}
div#productHeading {
    width : 644px;
    float : left;
    border-bottom : 1px solid #0051a1;
    padding-bottom : 3px;
    margin-bottom : 15px;
}
div#productImage {
    float : right;
    text-align : center;
    width : 175px;
    height : 110px;
    padding : 20px 20px 0 20px;
}
div#productImageTable {
    text-align : center;
    float : right;
    width : 175px;
    height : 110px;
    padding : 20px 0 0 0;
}
div#productVariantSelector {
    clear : left;
}
select#variantsSelector {
    width : 350px;
    margin-bottom : 3px;
}
div#onlineShopList {
    clear : both;
}
div#onlineShopListNavContainer {
    margin-top : 5px;
    clear : both;
}
div.onlineShopListNavItem {
    margin : 0 2px 0 0;
    float : left;
    background : url('../resources/components/pelikan/commerce-connector/select-button-background.png') no-repeat top left;
    width : 168px;
    height : 30px;
}
div.onlineShopListNavItemTable {
    float : left;
    background : url('../resources/components/pelikan/commerce-connector/select-button-background.png') no-repeat top left;
    width : 168px;
    height : 30px;
}
div.onlineShopListNavItemText {
    padding-top : 8px;
    padding-left : 13px;
}
div#onlineShopListNavContainer a.shopListNavLink {
    width : 155px;
    height : 22px;
    color : #000000 !important;
}
div#onlineShopListContainer {
    width : 870px;
    height : 185px;
    padding-top : 8px;
    clear : left;
    overflow : auto;
}
div#onlineShopListContainerTable {
    width : 870px;
    height : 183px;
    clear : left;
    overflow : auto;
}
div.onlineShopListItem {
    width : 151px;
    height : 81px;
    margin : 10px 12px 0 7px;
    float : left;
}
div.onlineShopListItemTable {
    width : 151px;
    height : 81px;
    margin : 10px 12px 0 7px;
    float : left;
}
div.shopThumbnail {
    width : 151px;
    height : 81px;
    background : transparent;
}
div.shopDescription {
    overflow : hidden !important;
    position : absolute;
    padding : 0;
    margin : 0 0 -130px 0;
    top : -130px;
    height : 130px;
    width : 151px;
    background : url('../resources/components/pelikan/commerce-connector/tooltip-background.png') top left no-repeat transparent;
    z-index : 1000 !important;
}
div.shopDescriptionText {
    font-size : 10px !important;
    height : 84px;
    padding-top : 8px;
    margin-left : 8px;
    width : 135px;
    overflow : hidden !important;
    border-bottom : 1px solid #ebeaea;
}
div.shopDescriptionShopType {
    height : 20px;
    text-align : center;
    padding-top : 2px;
    margin-left : 8px;
    width : 135px;
    text-align : center;
    font-weight : bold;
    font-size : 10px !important;
    color : #0053a0 !important;
    overflow : hidden !important;
}
div#moreLink {
    float : right;
    margin-right : 38px;
}
div#lessLink {
    float : right;
    margin-right : 38px;
}
div#moreLinkTable {
    float : right;
    margin-right : 44px;
}
div#lessLinkTable {
    float : right;
    margin-right : 44px;
}
.commerceConntectorLink {
    color : #0053a0 !important;
}
hr.CC_Seperator {
    clear : both;
}
/* *tools* */
div.active {
    background : url('../resources/components/pelikan/commerce-connector/select-button-active-background.png') no-repeat top left !important;
}
div.active div.onlineShopListNavItemText {
    color : #ffffff !important;
}
.italic {
    font-style : italic;
}
.grey {
    color : #999999 !important;
}
.clearRight {
    clear : right;
}
.bold {
    font-weight : bold;
}
.overflowHidden {
    overflow : hidden !important;
}
.overflowAuto {
    overflow : auto !important;
}
/* comCon Button */
.comConButton button {
    background : none;
    margin : 0 0 0 -3px;
    padding : 0 0 0 0;
    border : none;
}
/* ** user-self-edit-tabs ** */
#menu_spacer_userselfedit {
    height : 21px;
    padding : 20px 0 0 0;
}
#menu_userselfedit {
    list-style : none;
    padding : 0;
    margin : 0;
    height : 20px;
}
#menu_userselfedit li {
    padding : 0 10px 0 10px;
    margin : 0;
    background-color : #ebeaea;
    border : 1px solid #ebeaea;
    /*
border-left: 1px solid #ebeaea;
border-top: 1px solid #ebeaea;
border-right: 1px solid #ebeaea;
border-bottom: 1px solid green;
*/
    float : left;
    height : 20px;
    line-height : 19px;
}
#menu_userselfedit li.active_userselfedit {
    background-color : #ffffff;
    border-bottom : 1px solid #ffffff;
}
#menu_userselfedit li.active_userselfedit a {
    color : #0000ff;
}
#menu_userselfedit li a:link {
    text-decoration : none;
}
#menu_userselfedit li a:visited {
    text-decoration : none;
}
#menu_userselfedit li a:focus {
    text-decoration : none;
    color : #0000ff;
}
#menu_userselfedit li a:hover {
    text-decoration : none;
}
#menu_userselfedit li a:active {
    text-decoration : none;
    color : #0000ff;
}
/* * thickbox contents * */
div#thickboxContent {
    width : 750px;
    height : 395px;
    overflow : auto;
    color : #000000;
    background-color : #ffffff;
    background-image : url(../pix/BordersAndShadows/gradient2-standard.png);
    background-repeat : repeat-x;
    background-position : fixed;
}
div#thickboxPrintButton {
    width : 100%;
    border-bottom : 1px solid rgb(235, 234, 234);
    padding-bottom : 3px;
    background-color : rgb(240, 240, 255);
}
/* *WIR overview* */
div.repairProcessOverview {
    float : left;
    border : 1px solid #0051A1;
    overflow : hidden;
    width : 365px;
    height : 140px;
}
.processOverviewListItem {
    height : 18px;
}
.white {
    color : #ffffff;
}
.bottom {
    margin-top : 10px;
    margin-right : 5px;
    margin-left : 5px;
}
.leftBox {
    margin-right : 5px;
    margin-bottom : 10px;
}
.rightBox {
    margin-left : 5px;
    margin-bottom : 10px;
}
.history {
    padding : 5px;
    background-color : #DEE9F2;
}
.repairOverview {
    border : 1px solid #dee9f2;
    max-width : 250px;
    margin : auto;
    align : center;
}
/* Fine Writing Instruments stuff */
#subHeadline {
    float : left;
}
#subHeadlineShowButton {
    cursor : pointer;
    display : none;
    float : left;
    font-size : 10px;
    font-weight : bold;
    margin-left : 5px;
    margin-top : 7px;
}
#subHeadlineHideButton {
    cursor : pointer;
    display : none;
    float : left;
    font-size : 10px;
    font-weight : bold;
    margin-left : 5px;
    margin-top : 7px;
}
#content div.fwiContentOverview {
    width : 100%;
    margin-top : 20px;
}
#content div.fwiContentOverviewName {
    float : left;
    width : 150px;
}
a:hover.fwiContentOverviewName {
    color : #505050 !important;
    font-variant : small-caps !important;
    font-weight : bold !important;
}
a:active.fwiContentOverviewName {
    color : #505050 !important;
    font-variant : small-caps !important;
    font-weight : bold !important;
}
a:visited.fwiContentOverviewName {
    color : #505050 !important;
    font-variant : small-caps !important;
    font-weight : bold !important;
}
a:link.fwiContentOverviewName {
    color : #505050 !important;
    font-variant : small-caps !important;
    font-weight : bold !important;
}
#content div.fwiContentOverviewImg {
    float : left;
}
#content a:hover.fwiProduct {
    color : #505050;
    font-size : 11px;
    margin : 0 5px 0 0;
}
#content a:active.fwiProduct {
    color : #505050;
    font-size : 11px;
    margin : 0 5px 0 0;
}
#content a:visited.fwiProduct {
    color : #505050;
    font-size : 11px;
    margin : 0 5px 0 0;
}
#content a:link.fwiProduct {
    color : #505050;
    font-size : 11px;
    margin : 0 5px 0 0;
}
#content div.fwiStoreContentDetailsImg {
    text-align : center;
    margin-top : 20px;
}
#content div.fwiStoreContentDetailsCC {
    text-align : center;
}
#fwiSizeCompImg {
    margin-right : 10px;
}
#fwiSizeCompTbl {
}
/* *forms* */
#formMailer {
    float : left;
}
#formContainer {
    margin : 0 auto;
}
.formFieldContainer {
    width : 100%;
}
.formFieldContainer label {
    float : right;
}
.formFieldContainer > div {
    float : right;
}
#formContainer input {
    margin-top : 0px;
    margin-right : 5px;
}
#formContainer .formError {
    display : none;
    clear : both;
    color : #ff0000;
}
#formContainer .submit {
    clear : both;
    width : 200px;
    margin : 10px auto;
}
#formContainer .clearBoth {
    margin : 0;
    padding : 0;
    height : 0;
}
#formContainer .fullWidth {
    width : 100% !important;
    float : none !important;
}
#formContainer .fullWidth label.checkbox {
    float : left !important;
}
#formContainer .fullWidth label.radio {
    float : left !important;
}
#formContainer .fullWidth input {
    float : left;
}
#formContainer label.radio {
    float : none !important;
}
#formContainer label.checkbox {
    float : none !important;
}
/* ----------------- NEWSROOM ----------------------- */
div#newsRoomDescription {
    float : left;
    width : 350px;
    height : 804px !important;
    margin : 5px 20px 5px 0;
}
div.feed {
    margin : 5px 20px 5px 0;
    width : 350px;
    height : 260px;
    overflow : hidden;
    float : left;
    border : 1px solid #b0b0b0;
    color : #000000;
    background-color : #EBEAEA;
    border-radius : 8px;
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
}
div.entries {
    color : #000000;
    background-color : #ffffff;
    height : 210px;
    overflow : auto;
}
div.flickrImage {
    float : left;
    margin : 2px 4px 2px 4px;
}
div.youtubeVideo {
    float : left;
    width : 150px;
    text-align : center;
    margin : 2px 4px 2px 4px;
    padding : 2px;
    border : 1px solid #b0b0b0;
    background : #ffffff;
    border-radius : 8px;
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
}
div.youtubeVideo:hover {
    background : url(../resources/components/syndication/newsroom-logos/background.jpg) no-repeat;
}
div.time {
    color : #b0b0b0;
    background-color : transparent;
    font-style : italic;
    font-size : 10px;
}
div.entry {
    margin : 0px 0 10px 0 !important;
    padding : 2px;
    border-top : 1px solid #EBEAEA;
    background : #ffffff;
}
div.entry:hover {
    background : url(../resources/components/syndication/newsroom-logos/background.jpg) no-repeat;
}
.tweet p {
    margin : 2px 0 2px 0 !important;
}
#newsRoomFeeds h2 {
    margin : 4px 0 5px 4px;
}
/* ==================================================================================== */
/* **PAPER RANGE POPUP STYLES** */
/* ==================================================================================== */
body#paperRangePopupBody {
    background : url(../paper-range/popup/headline-wrapper-background.jpg) 0 0 no-repeat;
    background-color : #ffffff;
    text-align : left;
    font-size : 11px !important;
    line-height : 13px !important;
    font-family : arial, helvetica, sans-serif;
    color : #004c99 !important;
}
div#paperRangePopupProductDetails {
    float : left;
    width : 240px;
}
div#paperRangePopupSummaryWrapper {
    width : 233px;
    height : 112px;
    margin-top : 8px;
}
h1#paperRangePopupHeadline {
    font-size : 19px;
    line-height : 21px;
    margin-bottom : 0px !important;
    float : left;
}
div#paperrangeProductSummary > h2 {
    font-weight : normal !important;
    font-size : 15px !important;
    line-height : 15px !important;
}
div#paperrangeProductSummary > h2.PPRgreek {
    font-size : 13px !important;
}
div#paperRangePopupProductDescription {
    width : 220px;
    margin-top : 5px;
}
#ccLinkPaperRange {
    cursor : pointer;
    text-decoration : underline;
}
#downloadLinkPaperRange {
    cursor : pointer;
    text-decoration : underline;
}
#videoLinkTextPaperRange {
    cursor : pointer;
    text-decoration : underline;
}
a#paperRangeDownloadLink {
    color : #004c99 !important;
}
div#productImageFront {
    width : 166px;
    height : 249px;
    float : left;
    margin-top : 5px;
    overflow : hidden;
}
div#productImageBack {
    width : 166px;
    height : 249px;
    float : left;
    margin-top : 5px;
    margin-left : 17px;
    overflow : hidden;
}
img#paperRangePopupMagnifierLeft {
    z-index : 2000;
    margin-top : 235px;
    margin-left : -362px;
    position : relative;
}
img#paperRangePopupMagnifierRight {
    z-index : 2000;
    margin-top : 235px;
    margin-left : 152px;
    position : relative;
}
/* *product table styles* */
table.paperRangeProdTable {
    font-size : 10px !important;
    color : #004C99;
    padding : 0;
    width : 363px;
}
table.paperRangeProdTableLong {
    font-size : 10px !important;
    color : #004C99;
    padding : 0;
    width : 400px;
}
table.paperRangeProdTableGreek {
    font-size : 10px !important;
    color : #004C99;
    padding : 0;
    width : 370px;
}
table.paperRangeProdTable td {
    padding : 0;
    margin : 0;
}
h2.paperRangeTableHeadline {
    color : #003987 !important;
}
a.printerSuppliesLink,
a.printerSuppliesLink:link,
a.printerSuppliesLink:visited,
a.printerSuppliesLink:hover,
a.printerSuppliesLink:active {
    font-weight : normal !important;
    text-decoration : none !important;
    color : #004C99 !important;
}
tr.paperRangeTableRow,
tr.paperRangeTableRow * {
    cursor : pointer;
}
td.paperRangeProductTableData {
    border-bottom : 1px solid #004d99;
    text-align : center !important;
}
tr.paperRangeProductTableHeadRow,
td.paperRangeProductTableHeadRow {
    background-color : #0055a5;
    color : #ffffff;
}
td.paperRangeProductTableHeadRowHover {
    background-color : #afddf4 !important;
    color : #004C99 !important;
}
td.paperRangeTableBorderTopLeft {
    width : 32px;
    height : 50px;
    background : url(../paper-range/table/table-border-top-left.jpg) top left no-repeat;
}
td.paperRangeTableBorderTop {
    height : 50px;
    background : url(../paper-range/table/table-border-top.jpg) #0055a5 top left repeat-x;
}
td.paperRangeTableBorderTopRight {
    width : 40px;
    height : 50px;
    background : url(../paper-range/table/table-border-top-right.jpg) top right no-repeat;
}
td.prc1 {
    width : 32px;
}
td.prc2 {
    width : 91px;
}
td.prc3,
td.prc4,
td.prc5,
td.prc6 {
    width : 50px;
}
td.prc3greek {
    width : 40px;
}
td.prc5greek {
    width : 67px;
}
td.prc6long {
    width : 87px;
}
td.prc7 {
    width : 40px;
}
td.paperRangeTableBorderHeadRowRight {
    width : 40px;
    background : url(../paper-range/table/table-border-head-row-right.jpg) top right repeat-y;
}
td.paperRangeTableBorderLeft {
    background : url(../paper-range/table/table-border-left.jpg) top left repeat-y;
}
td.paperRangeTableBorderLeftHover {
    background : url(../paper-range/table/table-border-left-hover.jpg) top left repeat-y !important;
}
td.paperRangeTableBorderRight {
    width : 40px;
    background : url(../paper-range/table/table-border-right.jpg) bottom right repeat-y;
}
td.paperRangeTableBorderRightHover {
    width : 40px;
    background : url(../paper-range/table/table-border-right-hover.jpg) bottom right repeat-y;
}
td.paperRangeTableBorderBottomLeft {
    width : 32px;
    height : 40px;
    background : url(../paper-range/table/table-border-bottom-left.jpg) top left no-repeat;
}
td.paperRangeTableBorderBottomBlue {
    height : 40px;
    background : url(../paper-range/table/table-border-bottom.jpg) #0055a5 bottom left repeat-x;
}
td.paperRangeTableBorderBottom {
    height : 40px;
    background : url(../paper-range/table/table-border-bottom.jpg) bottom left repeat-x;
}
td.paperRangeTableBorderBottomRight {
    width : 40px;
    height : 40px;
    background : url(../paper-range/table/table-border-bottom-right.jpg) top right no-repeat;
}
img.starsImage {
    margin-top : 3px;
}
/* *CLEANING LINE LAYOUT* */
table#cleaningLineTable th {
    width : 69px;
    height : 70px;
    text-align : center;
    background : url(http://www.pelikan.com/pulse/vfs-public/img/withoutText/office/cleaning-line-layout/table-border-top.png) top left repeat-x;
}
table#cleaningLineTable td {
    text-align : center;
    height : 45px;
    padding : 3px 0;
}
th.cleaningLineTableBorderLeft {
    background : url(http://www.pelikan.com/pulse/vfs-public/img/withoutText/office/cleaning-line-layout/table-border-left.png) top left no-repeat !important;
}
th.cleaningLineTableBorderRight {
    background : url(http://www.pelikan.com/pulse/vfs-public/img/withoutText/office/cleaning-line-layout/table-border-right.png) top right no-repeat !important;
}
td.cleaningLineTableBorderBottomLeft {
    background : url(http://www.pelikan.com/pulse/vfs-public/img/withoutText/office/cleaning-line-layout/table-border-bottom-left.png) top left no-repeat !important;
}
td.cleaningLineTableBorderBottomRight {
    background : url(http://www.pelikan.com/pulse/vfs-public/img/withoutText/office/cleaning-line-layout/table-border-bottom-right.png) top right no-repeat !important;
}
td.cleaningLineTableBorderBottom {
    background : url(http://www.pelikan.com/pulse/vfs-public/img/withoutText/office/cleaning-line-layout/table-border-bottom.png) top right repeat-x !important;
}
tr.cleaningLineProductRow {
    background-color : #e0e4f2;
}
table#cleaningLineFactsTable th {
    color : #ffffff;
    background : url(http://www.pelikan.com/pulse/vfs-public/img/withoutText/office/cleaning-line-layout/table-border-top.png) top left repeat-x;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    height : 20px;
    text-align : center;
}
/*=======================================================*/
/*================== Career Section =====================*/
/*=======================================================*/
.careerList {
    margin : 0 0 10px 12px !important;
}
.careerList li {
    line-height : 135%;
    margin-bottom : 3px;
}
.azubiPollInput {
    float : left;
}
.azubiPollLabel {
    float : none !important;
    width : 170px !important;
    padding-top : 2px;
}
.azubiPollTextInput {
    float : left;
    margin : 3px 0 5px 5px;
    width : 185px;
}
.azubiPollSubmit {
    float : right;
    margin-right : 5px;
    font-size : 11px;
}
.azubiPollSubmit img {
    margin : -4px 0 0 3px;
    vertical-align : middle;
}
}
/* **CSS for Printing** */
@media print {
div.head {
    display : none;
}
body {
    page : auto;
    width : 730px;
    text-align : left;
}
div#flash_spacer {
    display : none;
}
div .search {
    display : none;
}
.searchField {
    display : none;
}
.button {
    display : none;
}
.logo {
    margin-bottom : 10px;
    margin-left : 0;
}
#nav {
    display : none;
}
div#flash {
    display : none;
}
#regionNavi {
    display : none;
}
.breadcrumb img {
    float : left;
    margin-right : 5px;
}
.sidebarLeft {
    /* display:none; */
}
#content {
    margin : 10px 0px 10px 0px;
    width : 720px;
}
#content h1 {
    text-align : left;
    font-size : 18px;
    font-weight : bold;
    margin : 10px 0px 10px 0px;
    clear : left;
}
#content h2 {
    font-size : 11px;
    font-weight : bold;
}
#content h3 {
    font-size : 10px;
    color : #000000;
    font-weight : bold;
}
#content #subHeadlineShowButton {
    display : none !important;
}
#content #subHeadlineHideButton {
    display : none !important;
}
#content #imageText {
    display : block !important;
}
#content a {
    color : #1863a9;
    font-weight : bold;
}
#content .skim {
    display : none;
}
.skim .skimtxt {
    margin : 0 20px 0 20px;
}
.skim a {
    display : none;
}
div.product {
    width : 175px;
    float : left;
    margin : 0 5px 10px 0px;
    page-break-after : auto;
}
.product a {
    font-size : 11px;
    margin : 0 5px 0 0px;
}
.product p {
    margin-left : 5px;
    margin-right : 5px;
}
#content div p > img {
    margin-right : 10px;
}
#content div.product p * img {
    margin-left : -7px;
}
div.prodTextBox {
    height : 30px;
    margin-left : 7px;
    padding-right : 7px;
    position : relative;
}
div.prodTextAlign {
    position : absolute;
    bottom : 2px;
}
.clearboth {
    clear : both;
}
.detail {
    width : 720px;
    float : left;
    margin : 0 6px 10px 0px;
}
#footer {
    clear : left;
    float : left;
}
#footer .left {
    display : none;
}
/* * thickbox contents * */
div#thickboxContent {
    width : auto;
    height : auto;
    overflow : visible;
}
div#thickboxPrintButton {
    display : none;
}
p.noprint {
    display : none;
}
ul,
ol {
    padding : 0 0 0 2em;
}
}