/* global styles for Esselte DYMO project */
/* document styles */
body {background:#fff url(/img/bg.gif) repeat-y;color:#666;font-family:verdana,arial,"Lucida Grande",sans-serif;font-size:11px;margin:0}
html .adminBody {background:#fff;color:#666;font-family:verdana,arial,"Lucida Grande",sans-serif;font-size:11px;margin:0}
td, table, input, select {color:#666;font-family:verdana,arial,"Lucida Grande",sans-serif;}
form {margin:0;}
a:link,a:visited{color:#00804E;text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0}
img.block {display:block;}
b{font-weight:bold;}

/* containers */
.mainHeader{position:absolute;top:26px;left:25px;width:710px;}
.mainContainer{position:absolute;top:125px;left:25px;width:710px;}
.mainContainerFS{position:absolute;top:0px;left:25px;width:710px;}
.errorContainer{top:66px;}
.leftNav{float:left;width:130px;margin-right:20px;padding:44px 0 20px 0;overflow:hidden; text-overflow: ellipsis}
.mainContent{float:left;width:560px;}
.mainLeftColumn{float:left;width:410px;margin-right:20px;}
.mainRightColumn{float:left;width:130px;}
.altLeftColumn{float:left;width:390px;margin-right:20px;}
.altRightColumn{float:left;width:150px;}
.rightNewsletterContainer{background:#DDEEDD url(/img/newsletter_mask_bottom.gif) bottom right no-repeat; margin-bottom:10px;}
* html .rightNewsletterContainer{height:1%;}

/* nav */
.logo{position:absolute;top:1px;left:10px;}
.navbar{position:absolute;top:38px;left:0px;background:#DDEEDD url(/img/nav/bg_navbar.gif) no-repeat;width:710px;height:35px;}
.navStart{float:left;background:#D8D4D4;}
.navStartOn{float:left;background:#00804E;}
.navMainLink, .navMainLinkOn, .navLink{float:left;padding-right:17px;height:25px;font-family:arial,verdana,sans-serif;}
.navMainLink{background:#D8D4D4 url(/img/nav/mask_right.gif) top right no-repeat;}
.navMainLinkOn{background:#00804E url(/img/nav/mask_right.gif) top right no-repeat;}
.navLink{background:#D8D4D4 url(/img/nav/mask_right.gif) top right no-repeat;}
.navMainLink a:link, .navMainLink a:visited {font-weight:bold;color:#6C6C6C;position:relative;top:6px;}
.navMainOn {font-weight:bold;color:#fff;position:relative;top:6px;}
.navMainLinkOn a:link, .navMainLinkOn a:visited {font-weight:bold;color:#fff;position:relative;top:6px;}
.navLink a:link, .navLink a:visited {font-weight:bold;color:#6C6C6C;position:relative;top:6px}
.navEnd{float:left;width:11px;height:25px;}
.breadcrumb{position:absolute;top:69px;left:0px;background:url(/img/bg_breadcrumb.gif) no-repeat;padding-left:19px;width:710px;height:20px;color:#868686;font-size:10px;voice-family:"\"}\"";voice-family:inherit;width:691px;}
html>body .breadcrumb{width:691px;}
.breadcrumb a:link, .breadcrumb a:visited {color:#868686;}
.breadcrumbIcons{position:absolute;top:0px;right:2px;}
.navExtras{position:absolute;top:0px;right:0px;}
.navSearch{float:left;padding:5px 10px 0 0;background:url(/img/vr_dots.gif) top right repeat-y;height:28px;voice-family:"\"}\"";voice-family:inherit;height:23px;}
.navSearchWithoutDivider{float:left;padding:5px 10px 0 0;height:28px;voice-family:"\"}\"";voice-family:inherit;height:23px;}
html>body .navSearch{height:23px;}
.navSearchField{width:114px;color:#00804E;font-size:9px;}
.navLogin{float:left;padding:0 4px 0 10px;text-align:center;color:#868686;font-size:10px;height:28px;}
.navCart{float:left;padding:0 2px 0 10px;margin-top:-3px;text-align:center;font-family:arial,verdana,sans-serif;font-size:12px;}
.navCart a:link, .navCart a:visited {color:#868686;font-weight:bold;}

/* footer styles */
.footer{padding:20px 0 10px 0;}
.footerLinks{background:#DDEEDD url(/img/ftr/bg.gif) no-repeat;padding:15px 0 0 20px;height:35px;voice-family:"\"}\"";voice-family:inherit;height:20px;}
html>body .footerLinks{height:20px;}
.footerLinks a:link, .footerLinks a:visited {color:#6C6C6C;font-size:10px;}
.footerCopyright{padding:1px 0 0 20px;}
.footerLogos{padding:6px 0 0 20px;}
.footerGlobalLink{float:right;padding:6px 20px 0 0;font-size:10px;}
.footerImgs{padding:6px 0 0 21px;}

/* header styles */
h1{font-size:16px;color:#fff;font-weight:bold;margin:0;padding:3px 0 0 19px;font-family:arial,verdana,sans-serif;height:35px;background-repeat:no-repeat;voice-family:"\"}\"";voice-family:inherit;height:32px;}
html>body h1{height:32px;}
h2{font-size:14px;font-weight:bold;font-family:arial,verdana,sans-serif;margin:0;padding:0 0 4px 0;display:block;}
h3 { font-size: 16px; font-weight: bold; font-family: arial,verdana,sans-serif; color: #6c6c6c; margin: 0; padding: 3px 0 0 19px; background-repeat: no-repeat; height: 24px; voice-family:"\"}\""; voice-family:inherit; height: 22px; }
html>body h3{ height:22px; }
h4 {font-size:11px;font-weight:bold;margin:0;padding:0 0 5px 0;}
.fullH1{background-image:url(/img/hdrs/bg_h1_710.gif);}
.medH1{background-image:url(/img/hdrs/bg_h1_560.gif);}
.smallH1{background-image:url(/img/hdrs/bg_h1_410.gif);}
.h1Main{background-color:#00804E;}
.h1Professional{background-color:#00804E;}
.h1Personal{background-color:#00804E;}
.h1Industrial{background-color:#00804E;}
.h1Solutions, .h1Sitemap{background-color:#00804E;}
.fullH3{ background-image:url(/img/hdrs/bg_h3_710.gif); }
.splitSubH3{ background-image:url(/img/hdrs/bg_h3_350.gif); }
.subH3{ background-image:url(/img/hdrs/bg_h3_465.gif); }
.medH3{background-image:url(/img/hdrs/bg_h3_560.gif);}
.h3Main{ background-color:#F1EFEF; }
.hdrProfessional{color:#00804E;}
.hdrPersonal{color:#00804E;}
.hdrIndustrial{color:#00804E;}
.hdrSolutions {color:#00804E;}
.hdrBGAqua {background-color:#00B0F0;}
.subTitle{font-size:10px;font-weight:bold;margin-bottom:5px;text-transform:uppercase;}

/* button styles */
.btnBlue,.btnBlueGreen,.btnGreen{font-weight:bold;height:19px;font-size:10px;}
.btnBlue{background:#EE3224 url(/img/btns/blue_mask_right.gif) top right no-repeat;padding-right:8px;}
/* BlueOnBlue is specifically for btnBlue styles that need to be on a coloured background */
.BlueOnBlue{background:#EE3224 url(/img/btns/blueonblue_mask_right.gif) top right no-repeat;padding-right:8px;}
.BlueOnGrey{background:#EE3224 url(/img/btns/blueongrey_mask_right.gif) top right no-repeat;padding-right:8px;}
.btnBlue a:link, .btnBlue a:visited{color:#fff;position:relative;top:3px}
.btnBlueGreen{background:#A0A5A7 url(/img/btns/bluegreen_mask_right.gif) top right no-repeat;padding-right:8px;}
.btnBlueGreen a:link, .btnBlueGreen a:visited{color:#fff;position:relative;top:3px;}
.btnGreen{background:#39B54A url(/img/btns/green_right.gif) top right no-repeat;padding-right:8px;}
.btnGreen a:link, .btnGreen a:visited{color:#fff;position:relative;top:3px}
.topBtnContainer{padding-bottom:20px;height:39px;voice-family:"\"}\"";voice-family:inherit;height:19px;}
html>body .topBtnContainer{height:19px;}
.btnContainer{height:19px;}

/* font styles */
.priceMedium{font-size:14px;font-family:arial,verdana,sans-serif;font-weight:bold;}
.priceOrig{font-size:12px;font-family:arial,verdana,sans-serif;color:#C31C1C;text-decoration:line-through;}
.fontLarge{font-size:15px;}
.fontNormal{font-size:11px;}
.fontMedium{font-size:10px;}
.fontSmall{font-size:9px;}
.fontNote{font-size:9px;color:#B69C9A;}
.linkIndent{text-indent:-11px;padding-left:11px;display:block;}
.linkIndentMed{padding:0 0 6px 10px;text-indent:-10px;font-size:10px;display:block;}

/* Left Nav */
.leftNavTitle{font-family:arial,verdana,sans-serif;font-size:14px;font-weight:bold;padding-bottom:4px;}
.leftNav ul{padding:0;margin:0;list-style:none}
.leftNav li{background:url(/img/bullet_leftnav.gif) 0 5px no-repeat;padding:0 0 2px 15px;}
.leftNav li.subNav{background:url(/img/bullet_leftnav.gif) 0 5px no-repeat;padding:0 0 2px 15px;margin-left:16px;}
.leftNav li a:link, .leftNav li a:visited {color:#666;}
.black a:link, .black a:visited {color:#666;}

/* modules */
.rightImgLinkModule{font-size:10px;padding-bottom:20px}
.rightNewsletterModule{font-size:10px;padding:4px 10px 12px 13px;}
.rightNewsModule{font-size:10px;}

/* newsletter */
.newsletterSubscribeField{width:100px;color:#EE3224;font-size:9px;}

/* paging */
.pagingSeparator{height:10px;width:1px;margin-left:6px;margin-right:6px;display:inline;background-image: url(/img/vr_dots.gif);}

/* misc styles */
.clear{clear:both;}
.clearHidden{clear:both;margin-bottom:-1px;height:1px;}
.hrFull{background:url(/img/hr_dots.gif) left bottom repeat-x;}
.topCorner{position:absolute;top:0px;left:740px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.imgWithMask{position:relative;}
.imgMask{position:absolute;top:0px;left:0px;}
.liBullet{padding:7px 0 7px 11px;text-indent:-11px;}
.marginR3{margin-right:3px;}
.marginR6{margin-right:6px;}
.marginR10{margin-right:10px;}
.marginR15{margin-right:15px;}
.marginB3{margin-bottom:3px;}
.marginB5{margin-bottom:5px;}
.marginB8{margin-bottom:8px;}
.marginB10{margin-bottom:10px;}
.marginB15{margin-bottom:15px;}
.marginB20{margin-bottom:20px;}
.marginBN4{margin-bottom:-4px;}
.marginT3{margin-top:3px;}
.marginT5{margin-top:5px;}
.marginT10{margin-top:10px;}
.marginT12{margin-top:12px;}
.marginT15{margin-top:15px;}
.marginT20{margin-top:20px;}
.marginT30{margin-top:30px;}
.marginL5{margin-left:5px;}
.marginL10{margin-left:10px;}
.paddingL5{padding-left: 5px;}
.paddingL10{padding-left:10px;}
.paddingL12{padding-left:12px;}
.paddingL20{padding-left:20px;}
.paddingL15{padding-left:15px;}
.paddingL17{padding-left:17px;}
.paddingR17{padding-right:17px;}
.paddingR10{padding-right:10px;}
.paddingT10{padding-top:10px;}
.paddingT30{padding-top:30px;}
.paddingTL15 {padding-top: 15px; padding-left: 15px;}
.paddingB15{padding-bottom:15px;}
.allCaps { text-transform: uppercase; }
.allCapsSmall { font-size:9px; text-transform: uppercase; }
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.vTop {vertical-align: top;}
.vObjBottom {vertical-align: bottom;}
.required{color:#EB6F00;}
.error {color:#F00;}
.error a:link, .error a:visited{color:#F00; text-decoration:underline;}
.whiteSpace {margin-bottom:175px;}
.linkSpacing a {display:block;margin-bottom:4px;}

/* dividers for tables */
.dividerL {padding: 10px 0;}
.dividerM {padding: 5px 0;}

/* Form elements */
.FormText {width: 135px;}
.FormSelect {width: 165px;}
.FormTextSm {width: 145px;}
.FormTextLong {width: 300px;}
.FormSelectTiny {width: 80px;}
.FormSelectSm {width: 145px;}
.FormSelectLg {width: 300px;}
.radioOffset {margin-left: -4px;}
.formInline {display:inline;}

/* shipping/billing form - 1-col layout */
.shipLeftColumn, .shipRightColumn {float:left; margin-top: 20px;} 
.shipLeftColumn {width:395px;}
.shipRightColumn {width:313px;}

.leftCell {text-align:right;width:142px;padding:2px 5px 0 0;vertical-align:top;}
.rightCell {padding-bottom:10px;width:253px;vertical-align:top;}

/* styles for split-screen page with no left\right column */
.splitLeft {width:350px; float:left; margin-top: 15px;}
.splitRight {width:350px; float:right; margin-top: 15px;}
.splitTextFld {width:150px; margin-top:2px;}
.splitTable tr{vertical-align:bottom;}
.splitTable td{padding-top:6px;}
.splitTableLeft {width:181px;}
.splitTableRight {width:150px;}
.splitLeftSm {width:260px; float:left;}
.splitRightSm {width:260px; float:right;}

/* Account styles */
.leftCell {width: 120px;}
.rightCell {width: 170px;}
.addBkBottom {margin: 15px 0 0 0;}
.signleftCell {padding:2px 5px 10px 0; vertical-align:top; width:195px;}
.signrightCell {padding-bottom:10px; vertical-align:top; width:340px;}
.signrightCellSm {padding-bottom:10px; vertical-align:top; width:145px;}
.FormTextSmFL {width: 145px;float:left;margin-right:15px;}
.emailFlag {font-size:9px; color:#9CAEB7; float:right; width:165px;}
.signinFlag {font-size:9px; color:#9CAEB7; float:right; width:310px;}
.personalInfo{line-height:20px; font-size:10px; color:#999;}
.fontGrey {color:#999;}