/* styles for popup windows Esselte Corporation project */
/* document styles */
    #content {
        margin: 0 auto;
        position: relative;
    }
    
    #drivingDirectionsContent {
        width: 650px;
    }
    
    #drivingDirectionsContent #header {
    }

    .popupbkg {
        
        background-color: #fff;
        background-repeat: repeat-y;
        color: #666;
        font-family: Verdana, Arial, "Lucida Grande", sans-serif;
        font-size: 11px;
        margin: 0;
        
    }
.popuptopCorner{
    position:absolute;
    top:0px;
    left:599px;
}

/* containers and margins */

    .popupContainer{
        clear: left;
        /* float: left; */
        /* width: 618px; */
        padding: 0 15px 15px 15px;
        /* voice-family: "\"}\""; */
        /* voice-family: inherit; */
        /*width: 563px; */
    }
    
/* html>body .popupContainer{width:563px;} */

    .popupMargins{
         margin:5px 10px 0 20px;
       /* margin: 15px; */
    }
.imagesBrands{float:left;  padding-top:35px;  padding-bottom:20px;}

/* shopping with DYMO specific */
.scroll{position:static; overflow:auto;}
.height {height: 350px;}

/* product FAQ specific */
/* document styles */
.faqpopupbkg {
    background:#fff url(/img/bg_faq_popup.gif) repeat-y;
    color:#666;
    font-family:verdana,arial,"Lucida Grande",sans-serif;font-size:11px;
    margin:0;
}
.faqpopuptopCorner{position:absolute;top:0px;left:438px;}

.faqContainer{float:left;width:452px;padding:0 30px 0 25px;voice-family:"\"}\"";voice-family:inherit;width:397px;}
html>body .faqContainer{width:397px;}
.faqContent{float:left;width:406px;}
.faqH1{background-image:url(/img/hdrs/bg_h1_406.gif);}

    #drvingDirectionBreadcrumbIcons {
        padding: 15px;
        text-align: right;
    }

/* Enlarge and Demo Popups */
.enlargepopupbkg, .directionspopupbkg{background:#fff;}

/*
 popup.js
*/
div.popup {
  max-width: 1000%;
  border: 1px solid red;
  padding: 10px;
  background-color: white;
  /* The following properties should not be changed */
  position: absolute;
}

#popup_overlay {
  background-color: #333333;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

span.popup_link, a.popup_link {
  cursor: pointer;
  border-bottom: 1px dotted;
}

.popup_draghandle {
  cursor: move;
}

.messageOverlayText {padding:10px 0px 10px 0px;}

#logo a {
    display: block;
}

#cancel_popup div.mainColumnContent{border: solid 1px #DADADA; -moz-box-shadow: none;}

#videoPanel{
	position:absolute;
	left:-150px;
	margin-left:50%;
	margin-top:100px;
	width:300px;
	height:150px;
	background-color:#FFF;
	z-index:1000;
}	

#f_friendName {width:auto;}
#f_friendEmail{width:auto;}
#f_senderName{width:auto;}
#f_senderEmail{width:auto;}
#f_subject {width:300px;}
#f_message {
	width:300px;
	height:125px;
}

 /* 
   ============================================================================
    COLOR ANCHORS IN THE SUPPORT PAGE
   ============================================================================
*/

    div#CommonContentInner .CommonMessageWarning a {color: #0f8596;}  
	div#CommonContentInner .CommonMessageWarning a:hover {color: #8c2a53;}
	div#CommonContentInner .CommonMessageWarning a:active {color: #0f8596;}


#sendToFriendOverlay, #sendToFriendConfirmationOverlay, #sendToFriendConfirmationOverlay div.formItem {
overflow:hidden;
width:500px;
}

.formPanel > .formGrouping > .formItem .field input { width:200px; }

div#forgotPasswordOverlay{ min-height:130px;}
div#forgotPasswordOverlay div#forgotPasswordClose, #forumUserNameClose, #createAccountClose
{
	bottom:10px;
	position:absolute;
	right:10px;
}
.popup .label {padding-right:5px; padding-top:2px; vertical-align:bottom; width:195px;float:left;}
.popup .field {float:left;}

.popup_closebox {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 130%;
    cursor: pointer;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}