/* global styles for Esselte Corporation project */
/* document styles */
html .adminBody {background:#fff;color:#666;font-family:verdana,arial,"Lucida Grande",sans-serif;font-size:11px;margin:0}
form {margin:0;}
img.block {display:block;}
b{font-weight:bold;}
.strong {font-weight:bold;}
a:hover, a:active, a:focus {
	outline:none;
}


/*
removed for the time being.  may bring it back
input,select{border:solid 1px darkgray;}
input.submit,input.image{border:none;}
input[type=submit],input[type=image]{border:none;}
*/

/* containers */
.globalLanding{position:absolute;top:9px;left:45px;width:757px;}

/* *+html .mainContainer, * html .mainContainer{width:807px;}*/

.mainContainer{width:757px;background:#fff;padding-left:25px;padding-right:25px;overflow:hidden;}
.mainContainerHide{position:absolute;top:0px;width:757px;background:#fff;padding-left:25px;padding-right:25px;padding-top:10px; padding-bottom:10px;}
.leftNav{float:left;width:130px;margin-right:12px;padding:44px 0 20px 0;overflow:hidden;}

.navHomeContainter {width:100%;}
.navCountry {padding:1px 0px 1px 0px;}

#tdContactUsFirstCol {width:7%; float:left;}
#tdContactUsSecondCol {width:93%;}
#tableContactUsStayIn {padding-bottom:10px;}

/*
	classes for content area
		mainContent			- for when there is a left nav
		mainContentFS		- for when there is not a left nav and the content area should 
							  take up the full screen
*/
.mainContent{float:left;width:615px;}
.mainContentFS{float:left;width:757px;}

/* 
	classes for main content column
		mainLeftColumn		- for when left and right columns exist
		mainLeftColumnWide	- for when only a left or a right column exists
		mainLeftColumnFS	- for when there is not a left or a right column
		mainColumnContent	- should be child div of 1 of the 3 above.  it indents
							  the content
		noRightColumn		- used in conjunction with mainLeftColumnXXX classes if
							- there is not a right hand column.
 */
.mainLeftColumn{float:left;width:460px;margin-right:20px;}
.mainLeftColumnWide{float:left;width:587px;margin-right:20px;}
.mainLeftColumnFS{float:left;width:757px;}
.mainColumnContent {
	padding-left:20px;
	padding-top:10px;
}
.category .mainColumnContent {width:460px; float:left;}
.loginOverlay .returningCustomerPanel .mainColumnContent{padding-left:0px;}
.noRightColumn{margin-right:0px;width:auto;}

/*
	classes for right column
		mainRightColumn		- used for main container
		mainRight			- used for content inside (still required??)
*/
.mainRightColumn{float:right;width:130px;}
.mainRight{float:right;width:120px;font:10px;}

.errorContainer{top:66px;}

.altLeftColumn{float:left;width:390px;margin-right:20px;}
.altRightColumn{float:left;width:150px;}
.rightNewsletterContainer{background:#F1EFEF url(..../img/newsletter_mask_bottom.gif) bottom right no-repeat; margin-bottom:10px;}
* html .rightNewsletterContainer{height:1%;}


/*
	classes for homepage columns
		Column1		
		Column2	
		Promotion		
*/

/* nav */
.mainLinkOn{background-color:Purple;}
.navLink{background:#D8D4D4 url(../img/nav/mask_right.gif) top right no-repeat;}
.navLink a:link, .navLink a:visited {font-weight:bold;color:#6C6C6C;position:relative;top:6px}
.navEnd{float:left;width:11px;height:25px;}

html>body .breadcrumb{width:757px;}
.breadcrumb a:link, .breadcrumb a:visited {color:#868686;}
.breadcrumbIcons{position:absolute;right:25px;float:right;}
.breadcrumbNav{padding-left:20px; float:left; width:670px; padding-bottom:3px; min-height:15px;}
.navSearch{float:left;padding:10px 15px 0 0;background:url(../img/vr_dots.gif) top right repeat-y;height:30px;}
.navSearchWithoutDivider{float:left;padding:5px 10px 0 0;height:30px;voice-family:"\"}\"";voice-family:inherit;height:30px;}
html>body .navSearch{height:30px;}
.navSearchField{width:114px;color:#EF3121;font-size:9px;}
/*edit by raymond*/
/*.navLogin{float:left;padding:0px 0px 0 10px;text-align:center;color:#868686;font-size:10px;height:38px;}*/
.navLogin{width:175px;float:left;padding:0px 0px 0 10px;text-align:center;color:#868686;font-size:10px;height:38px;}
/*end*/
.navCountry{font-weight:bold;}
.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;}

/* 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;}
h2{font-size:14px;font-weight:bold;font-family:arial,verdana,sans-serif;margin:0;padding:0 0 4px 0;display:block;}
h2.form {
    background-color:#F1EFF0;
    background-image:url(/img/hdrs/bg_h1_sub_menu_410.gif);     
    background-repeat:no-repeat;
    padding:4px 0 0 19px;
    margin-bottom:10px;
    width:575px;
    height:21px;
}
h3{font-size:13px;font-weight:bold;font-family:arial,verdana,sans-serif;margin:0;padding:0 0 4px 0;display:block;height:16px;}
h4 {font-size:11px;font-weight:bold;margin:0;padding:0 0 5px 0;}

/*
 * used for main header to give curve to it
 *		fullH1			- for pages that do not have any right nav or left nav
 *		medSH1			- for pages that have either a right nav or a left nav but not both
 *		smallH1			- for pages that have both a right nav and a left nav
 */
.fullH1{background-image:url(/img/hdrs/bg_h1_757.gif);}
.fullH1RightCurve{background-image:url(/img/hdrs/bg_h1_757_rightCurve.gif);}
.medH1{background-image:url(/img/hdrs/bg_h1_615.gif);width:595px;}
.smallH1{background-image:url(/img/hdrs/bg_h1_410.gif);font-size:small;}

/*
 * used for grey header background
 *		fullSubH1		- for main content area that has no right nav and no left nav
 *		medSubH1		- for main content area that has only a right nav or a left nav but not both
 *		smallSubH1		- for main content area that has both right and left nav
 *		h1SubVivanto	- provides the styling for the header
 */
.fullSubH1{background-image:url(/img/hdrs/bg_h1_sub_menu_410.gif);width:737px;}
.medSubH1{background-image:url(/img/hdrs/bg_h1_sub_menu_410.gif);width:575px;}
.smallSubH1{background-image:url(/img/hdrs/bg_h1_sub_menu_410.gif);width:420px;}
.h1SubVivanto{clear:both;background-color:#f1eff0;font-size:14px;font-weight:bold;margin-bottom:10px;padding:4px 0 0 19px;font-family:arial,verdana,sans-serif;height:21px;background-repeat:no-repeat;voice-family:"\"}\"";voice-family:inherit;}
.h1SubVivantoLessMarign{background-color:#f1eff0;font-size:14px;font-weight:bold;margin-bottom:0px;padding:4px 0 0 19px;font-family:arial,verdana,sans-serif;min-height:21px;background-repeat:no-repeat;voice-family:"\"}\"";voice-family:inherit; float:left;}

/*
 * used to give the main headers different colors
 */
.h1Main{background-color:#F10;}
.h1Solutions{background-color:#F10;}
.h1Professional{background-color:#F10;}
.h1Personal{background-color:#F10;}
.h1Industrial{background-color:#F10;}
.h1Sitemap{background-color:#F10;}


.fullH3{ background-image:url(/img/hdrs/bg_h3_710.gif); }
.splitSubH3{ background-image:url(/img/hdrs/bg_h3_350.gif); }
#shoppingSummary .splitSubH3 { background-image:url(/img/hdrs/bg_h3_710.gif); width:750px; }
.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:#EE3224;}
.hdrWTB{color:#F10;}
.hdrPersonal{color:#C41C1C;}
.hdrIndustrial{color:#FDC101;}
.hdrSolutions {color:#666;}
.hdrBGAqua {background-color:#00B0F0;}
.subPanel h2 {
	font-size:10px;
	font-family: verdana, arial, "Lucida Grande" ,sans-serif;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
	padding:0;
}
.introText{padding-bottom:15px;}
.h3Title {
	color:#FFFFFF;
	height:21px;
	padding:4px 0 0 5px;
	width:345px;
	margin: 0 0 10px 0 ;
}

/* font styles */
.priceMedium{font-size:14px;font-family:arial,verdana,sans-serif;font-weight:bold;}
.listPrice{font-size:12px;font-family:arial,verdana,sans-serif;color:#C31C1C;text-decoration:line-through;}
.fontNormal{font-size:11px;}
.fontMedium{font-size:10px;}
.fontSmall{font-size:9px;}
.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; margin-bottom:-10px;}
.leftNavSubtitle{font-family:arial,verdana,sans-serif;font-size:13px;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; line-height:15px;}
.leftNav li.subNav{background:url(../img/bullet_leftnav.gif) 0 5px no-repeat;padding:0 0 2px 15px;margin-left:16px;}
.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;}

/* misc styles */
.subPanel {
	padding-bottom:10px;
}
.relatedItemVertical {margin-bottom: 10px}
.relatedItemVertical p {margin-top:0px;margin-bottom: 0;}
.mainColumnContent p{margin-top:11px;}

.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;}

.imageFloatRight{float:right;margin:0px 0 10px 10px;}
.imageFloatLeft{float:left;margin:0px 10px 10px 0;}

.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;}
.marginB0{margin-bottom:0px;}
.marginB3{margin-bottom:3px;}
.marginB5{margin-bottom:5px;}
.marginB8{margin-bottom:8px;}
.marginB10{margin-bottom:10px;}
.marginB15{margin-bottom:15px;}
.marginB20{margin-bottom:20px;}
.marginB30{margin-bottom:30px;}
.marginB40{margin-bottom:40px;}
.marginBN4{margin-bottom:-4px;}
.marginT0{margin-top:0px;}
.marginT3{margin-top:3px;}
.marginT5{margin-top:5px;}
.marginT7{margin-top:7px;}
.marginT8{margin-top:8px;}
.marginT10{margin-top:10px;}
.marginT11{margin-top:11px;}
.marginT12{margin-top:12px;}
.marginT15{margin-top:15px;}
.marginT20{margin-top:20px;}
.marginT30{margin-top:30px;}
.marginT40{margin-top:40px;}
.marginT50{margin-top:50px;}
/*edit by raymond*/
.marginT50{margin-top:50px;}
/*end*/
.marginL0{margin-left:0px;}
.marginL5{margin-left:5px;}
.marginL10{margin-left:10px;}
.marginL15{margin-left:15px;}
.paddingL0{padding-left: 0px;}
.paddingL5{padding-left: 5px;}
.paddingL10{padding-left:10px;}
.paddingL12{padding-left:12px;}
.paddingL15{padding-left:15px;}
.paddingL17{padding-left:17px;}
.paddingL20{padding-left:20px;}
.paddingL120{padding-left:120px;}
.paddingR17{padding-right:17px;}
.paddingR10{padding-right:10px;}
.paddingR20{padding-right:20px;}
.paddingT3{padding-top:3px;}
.paddingT7{padding-top:7px;}
.paddingT10{padding-top:10px;}
.paddingT30{padding-top:30px;}
.paddingTL15 {padding-top: 15px; padding-left: 15px;}
.paddingB25{padding-bottom:25px;}
.paddingB20{padding-bottom:20px;}
.paddingB15{padding-bottom:15px;}
.paddingB10{padding-bottom:10px;}
.paddingB0{padding-bottom:0px;}
.paddingB3{padding-bottom:3px;}
.paddingB5{padding-bottom:5px;}
.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;}

.validation, .error {color:#F00;}
.validation a:link, .validation a:visited, .error a:link, .error a:visited{color:#F00; text-decoration:underline;}


.information 
{
    background-color: #F1EFEF;
    color: #868686;
    font-weight: bold;
    border: solid 1px grey;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left:50px;
    margin-right:50px;
    margin-top: 50px;
}

.whiteSpace {margin-bottom:175px;}
.linkSpacing a {display:block;margin-bottom:4px;}	
.height20px{height:20px;}
.height25px{height:25px;}
.width63px{width:63px;}
.width100px{width:100px;}
.width160px{width:160px;}
.height95px{height:95px;}
.paddingTB20 {padding-top: 20px; padding-bottom:20px;}

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

/* Form elements */
.FormTextSubscribe{width: 100px;font-size:10px}
.FormText {width:160px;}
.FormSelect {width: 150px;}
.FormTextSm {width:145px;}
.FormTextLong {width: 300px;}
.FormSelectSm {width: 150px;}
.FormSelectLg {width: 300px;}
.radioOffset {margin-left: -4px;}
.formInline {display:inline;}
.FormSelectMonth {width:100px;}
.FormSelectYear {width:60px;}

.FormSelectMed {width: 235px;}
.FormTextMed {width: 235px;}
.FormSelectMed,.FormTextMed,.FormText,.FormSelect,.FormTextSm,.FormTextLong,.FormSelectSm,.FormSelectLg,.radioOffset,.formInline { font-size:11px; }
.FormSelectMed, .FormSelect, .FormSelectSm, .FormSelectLg { font-size:11px; }


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

.leftCell {text-align:left;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:355px; 
	float:left;
	margin-top:15px;
/*	height:300px;*/
}
.splitRight {
	width:355px;
	float:right;
	margin-top:15px;
/*	height:300px;*/
	position:relative;
}
.splitTextFld {width:150px; margin-top:2px;}
.splitTable tr{vertical-align:bottom;}
.splitTable td{padding-top:6px;}
.splitTableLeft {width:181px;}
.splitTableRight {width:150px;float:right}
.splitLeftSm {width:260px; float:left;}
.splitRightSm {width:260px; float:right;}
.forgotPwdLink, .loginButton, .newCustomerButton {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:350px;}
.signrightCellPswdInformation {padding:2px 5px 10px 0; vertical-align:top; width:150px;}

.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;}
.passwordInfrmation {font-size:9px; vertical-align:top; color:#9CAEB7; float:right; width:185px;}
.signinFlag {font-size:9px; color:#9CAEB7; float:right; width:310px;}
.signinFlagLeft {font-size:9px; color:#9CAEB7; float:left; width:310px;}
.personalInfo{line-height:20px; font-size:10px; color:#999;}
.fontGrey {color:#999;}
.fontLeftNav {color:#F10;}
.fontBold {font-weight: bold;}
.font11px {font-size:11px;}
.font12px {font-size:12px;}
.font26px {font-size:26px;}



/*
 * banner css rules
 */

.banner {
    position: relative;
}
.bannerText {
	padding:15px 20px;
}
.bannerText * {
	color:#ffffff;
}
.bannerText .title {
	font-size:16px;
	font-weight:bold;
	background-image:none;
	width:100%;
	padding:0px;
	margin:0px;
	height:auto;
	float:left;
}
.bannerText .description {
	font-size:12px;
	font-family:arial,verdana,sans-serif;
	margin:0px;
	padding:5px 0px 0px 0px;
	height:auto;
	float:left;
}
.bannerMask {
    position: absolute;
    left:0px;
    top:0px;
    z-index:10;
}

/* banners - main */

.imageOnlymain .bannerImg img,
.flashOnlymain .bannerImg object {
    width:757px;
    height:200px;
}
.imageTextmain .bannerImg img,
.flashTextmain .bannerImg object {
    width:515px;
    height:200px;
}
.imageTextmain .bannerText,
.flashTextmain .bannerText {
	height:170px;
	left:515px;
	position:absolute;
	top:0px;
	width:202px;
}
.imageOnlymain .bannerMask img,
.imageTextmain .bannerMask img,
.flashTextmain .bannerMask img {
    width:757px;
    height:200px;
}
.flashOnlymain .bannerMask img {
    display:none;
}
        
/* banners - small */       

.imageOnlysmall .bannerImg img,
.flashOnlysmall .bannerImg object {
    width:615px;
    height:157px;
}
.imageTextsmall .bannerImg img,
.flashTextsmall .bannerImg object {
    width:410px;
    height:157px;
}
.imageTextsmall .bannerText,
.flashTextsmall .bannerText {
    position:absolute;
    top:0px;
    left:410px;
    height:127px;
    width:165px;
}
.imageOnlysmall .bannerMask img,
.imageTextsmall .bannerMask img,
.flashTextsmall .bannerMask img {
    width:615px;
    height:157px;
}
.flashOnlysmall .bannerMask img {
    display:none;
}
        
/* banners - thin */

.imageOnlythin .bannerImg img,
.flashOnlythin .bannerImg object {
    width:757px;
    height:157px;
}
.imageTextthin .bannerImg img,
.flashTextthin .bannerImg object {
    width:505px;
    height:157px;
}
.imageTextthin .bannerText,
.flashTextthin .bannerText {
    position:absolute;
    top:0px;
    left:505px;
    height:127px;
    width:212px;
}
.imageOnlythin .bannerMask img,
.imageTextthin .bannerMask img,
.flashTextthin .bannerMask img {
    width:757px;
    height:157px;
}
.flashOnlythin .bannerMask img {
	display:none;
}


.flashBanner{margin-bottom:20px;height:90px;}
.displayNone{display: none;}


/* Support styles */
.numList {list-style-type:decimal;}
.expandableQuestionBody {color:purple; cursor:pointer; padding-bottom:5px; padding-left:5px;}
.expandableCloseLink {font-size:9px;color:#B69C9A; cursor:pointer;}
.expandableContener {border:1px solid #F1EFEF; }
.expandableNewParagraph{margin-bottom:5px;margin-top:10px;}
.introductionParagraph{margin:5px 0 5px 0px;}

/* About Us  */
.pressReleaseTitle {padding: 5px 0 0px 0;}
.latestNews{padding-bottom: 10px;}
.linkTextLatesNews{margin-bottom: 10px;}
.bioTitle{margin-bottom: 5px;}
.textClass{font-size:10px;}
#pressReleases.mainContent{width:auto;}


.example {float:left; margin-bottom:10px; margin-left:20px; margin-right:10px; cursor:pointer; }

.borderTemp {border:solid 1px blue;background:#000000;}

/*edit by raymond*/
.mainFullContent{float:left;width:710px;}
.mainNav {width:560px;}
/*end of edit */

/*
 * promotion classes
 */
.promotionMainRight{ float:right;width:130px;padding:13px 0 10px 0; }

/*.promotionBorderColor,.promotionBorderImage, .promotionBorderImage1, .promotionBorderT, .promotionBorderM, .promotionBorderB, { background-color:#D9D5D4;}*/
.promotionBorderImage{ float:left;height:90px;width: 130px;margin: 0; padding: 0; background-image:url(../img/product/borderimage.gif);background-repeat:no-repeat;}
.promotionBorderImage1{ float:left;height:86px;width: 130px;margin: 0; padding: 0; background-image:url(../img/product/borderimage1.gif);background-repeat:no-repeat;}
.promotionBorderT{float:left;height:13px; width:130px;margin: 0; padding: 0;background-image:url(../img/product/borderT.gif);background-repeat:no-repeat;}
.promotionBorderM{margin-top:-1px; padding:0 15px; font-size:10px;float:left;width:100px; background-image:url(../img/product/borderM.gif);background-repeat:repeat-y;}
.promotionBorderContent{ float:left;padding:5px 15px 5px 15px;}
.promotionBorderB{ float:left;height:13px;width: 130px;margin: 0; padding: 0;background-image:url(../img/product/borderB.gif);background-repeat:no-repeat;}
.promotionBorderClean{ float:left;height:10px;width: 130px;margin: 0; padding: 0;background-image:url(../img/product/borderC.gif);background-repeat:no-repeat;}

.promotionTitle{font-weight:bold;color:#EF3121;}
.promotionDesc{padding:0;}

/*
 * newsletter promotion classes
 */
.newspromotionBorderT, .newspromotionBorderM{ background-color:#D9D5D4;} 
/*.newspromotionBorderT, .newspromotionBorderM, .newspromotionBorderB{ background-color:#D9D5D4;}*/

.newspromotionBorderT{ float:left;height:13px;width:130px;margin: 0; padding: 0;background-image:url(../img/product/borderTF.gif);background-repeat:no-repeat;}
.newspromotionBorderM{font-size:10px;float:left;width:100px;padding: 0 15px;}
.newspromotionBorderB{ float:left;height:13px;width: 130px;margin: 0; padding: 0;background-image:url(../img/product/borderBF.gif);background-repeat:no-repeat;}

.newspromotionTitle{font-weight:bold;text-transform:uppercase;}
.newspromotionDesc{padding:5px 0;}
.newspromotionInput{width:95px;font-size:9px;color:#EF3121;}
.newspromotionSubmit{padding-top:5px;}

/* Google map*/
.imageSize{ width:107px; }
.contenerWidth{ width:197px;  }
.contenerHeight{ height:100%; }
.separatorContentCell { }

/* related products */
.relatedProductsBottom{width:400px;float:left;padding-top:10px;}
.relatedProduct{float:left;display:inline;width:110px;margin:0px 18px 0 0px;}
.relatedProductDiv{float:left;background:#E1E9ED;width:1px;height:65px;margin-top:20px;}

.individualCat{float:left;padding-right:20px;display:inline;width:173px;}
.individualCat img{padding-bottom:0px}
.individualCatImg{float:left;margin-bottom:5px;}
.individualCatContent{float:left;}
.individualCat>div>div{padding-bottom:5px}

.embeddedProduct{margin: 25px 0px;}
.row {float:left;}

/*

 */ 
#createAccount{padding-top:10px;}
#passwordForm {padding-top:10px;}
#createAccount .passwordField {width:120px; padding-bottom:10px;}

#createAccount .submitButton {float:left; font-weight:bold;height:19px;font-size:10px;}
#createAccount .submitButton {background:#EE3224 url(../img/btns/blue_mask_right.gif) top right no-repeat;padding-right:8px;}
#createAccount .submitButton a:link {color:#fff;position:relative;top:3px}


/* 
 confirmation message class
*/
.confirmationBody { padding-bottom: 10px; }

/* the following ruls should be moved back to the campage.css...... */
.ruleStyle {padding-bottom:15px; padding-left:20px; width:550px;} 

.fullH1FixedWidth {width:738px;}
.homePagePromotion {background-image:url(/img/img_mask_230x90_2.gif)}
.btnLeft {background-image:url(/img/btns/red_left.gif)}
#prmotionSubmit {width:17px; height:17px; background-image:url(/img/icons/icon_submit_greyb.gif) }
.privatePolicy{padding-top:10px;}
.fontHomeText {font-weight:bold;}
#emailControl{padding-bottom:10px;}
#sendEmailCancel {float:right; margin-top:37px;}
.submitArrow {width:17px; height:17px;}

.disabled{ background: #efefef; border: #7f9db9 1px solid; }

#itemsHeader .rightCell, #itemsSubTotal .rightCell, #itemsTaxes  .rightCell, #itemsTotal .rightCell {
width:125px;
}

.totalCostTable{
float:right;
clear:both;
margin-bottom:15px;
}

.checkoutOverlayTitle {
color:#FFFFFF;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}

.checkoutOverlayText{
padding:10px 0;
}

#bodyDiv{ width:auto;}


div.autocomplete {  position:absolute;  width:355px;  background-color:white;  border:1px solid #888;  margin-top:-2px;  padding:0px;}
div.autocomplete ul {  list-style-type:none;margin:0px; padding:0px;}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {  list-style-type:none;  display:block;  margin:0;  padding:2px;  height:32px;cursor:pointer;}

.HardBreak

{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.activePage {font-weight:bold; }
.popupScrolling{width: 630px; height:400px; overflow-y:scroll; }
.messageOverlayPopupScrollingTitle  { color:#666666; font-size:14px; font-weight:bold; padding:5px; text-align:left; text-transform:uppercase; background-color: #FFFFFF;}
.bgBreadcrumbImage {float:left; vertical-align:bottom; padding-left:19px;}


/* ********************** NEW CSS STYLES ********************** */

/* global */
body
{
	background: #f5f9fa url(/img/ng_background_tile.jpg) repeat-x;
	color: #666;
	font-family: verdana,arial, "Lucida Grande" ,sans-serif;
	font-size: 11px;
	margin: auto 0;
	display: block;
}
td, table, input, select, textarea
{
	color: #666;
	font-family: verdana,arial, "Lucida Grande" ,sans-serif;
	font-size: 11px;
}
a:link, a:visited
{
	color: #F10;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
#mainContainer
{
	position: relative;
	width: 807px;
	top: 12px;
	background-color: #FFF;
}
.navContainer
{
	height: 125px;
	width: 807px;
	background: #fff;
}
.mainHeader
{
	position: absolute;
	top: 9px;
	left: 25px;
	width: 757px;
}
.clear
{
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
}
.fontNote
{
	font-size: 9px;
	color: #B69C9A;
}

.billboard img {
	width:717px;
}

img
{
	border: 0;
}

.billboard img {
	width:717px;
}	

.content {
	float: left;
	background: #FFFFFF top left no-repeat;
	font-size: 11px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
	margin-left: 0px;
	margin-right: 0px;
}
.fontBold
{
	font-weight:bold;
}
.fontItalic
{
	font-style:italic;
}
.thumbnail
{
	float: left;
	padding-right: 10px;
}
.title
{
	font-weight: bold;
}
.promotion
{
	margin: 0 0 5px 13px;
	float: left;
}
.imgWithMask
{
	position: relative;
	padding-bottom: 10px;
}
.imgMask
{
	position: absolute;
	top: 0px;
	left: 0px;
}
.mask
{
	position: absolute;
	top: 0px;
	left: 0px;
}
.list
{
	margin: 10px 0px 10px 0px;
}
ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
li
{
	background: transparent url(/img/bullet_leftnav.gif) no-repeat scroll 0 5px;
	padding: 0 0 2px 15px;
	list-style: none outside none;
}
/* nav */
.logo
{
	position: absolute;
	top: 7px;
	left: 10px;
}
.navExtras
{
	position: absolute;
	top: 0px;
	right: 0px;
}
.navSearch
{
	float: left;
	padding: 10px 15px 0 0;
	background: url(/img/vr_dots.gif) top right repeat-y;
	height: 30px;
}
#navLogin
{
	width: 175px;
	float: left;
	padding: 0px 0px 0 10px;
	text-align: center;
	color: #868686;
	font-size: 10px;
	height: 38px;
}
.navbar
{
	position: absolute;
	top: 46px;
	left: 0px;
	background: #f1efef url(/img/nav/bg_navbar.gif) no-repeat;
	width: 757px;
	height: 35px;
}
.navSearchField
{
	width: 114px;
	color: #EF3121;
	font-size: 9px;
}
.navCountry
{
	padding: 1px 0px 1px 0px;
	font-weight: bold;
}
.navStart
{
	float: left;
	background-color: #D8D4D4;
}
.navMainLink, .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;
}
.navMainLink a:link, .navMainLink a:visited
{
	font-weight: bold;
	color: #6C6C6C;
	position: relative;
	top: 6px;
}
.mainLinkOn a:link, .mainLinkOn a:visited
{
	font-weight: bold;
	color: #FFFFFF;
}
.paddingL5
{
	padding-left: 5px;
}
#searchImage
{
	width: 17px;
	height: 17px;	
}
.mask_left
{
	width: 16px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(/img/nav/mask_left.gif);
	float: left;
}
.mask_start
{
	width: 10px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	background-image: url(/img/nav/nav_start.gif);
	float: left;
}
.mask_end
{
	width: 11px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(/img/nav/nav_end.gif);
	float: left;
}
/* breadcrumb */
.breadcrumb
{
	position: absolute;
	top: 77px;
	left: 0px;
	color: #868686;
	font-size: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 757px;
	background: transparent url(../img/bg_breadcrumb.gif) no-repeat bottom;
}
.breadcrumb a:link, .breadcrumb a:visited
{
	color: #868686;
}
.breadcrumbIcons
{
	position: absolute;
	right: 25px;
	float: right;
}
.breadcrumbNav
{
	padding-left: 20px;
	float: left;
	width: 670px;
	padding-bottom: 3px;
	min-height:15px;
}
/* banner */
.bannerMain
{
	position: relative;
	width: 757px;
	height: 200px;
	padding-bottom: 10px;
}
.bannerMainImg
{
	position: relative;
	width: 515px;
	height: 200px;
}
.bannerMainFullImg
{
	position: relative;
	width: 757px;
	height: 200px;
}
.bannerMainImgMask
{
	position: absolute;
	top: 0;
	left: 0;
}

/* LeftNav */
#leftNav {
    float:left;
    width:130px;
    margin-right:12px;
    overflow:hidden;
    padding:0 0 20px 0;
} 
#leftNavTitle {
    font-family:arial,verdana,sans-serif;
    font-size:14px;
    font-weight:bold;
    padding-bottom:4px;
}
#leftNav h3 {
    font-size:14px;
    height:auto;
}

#leftNav > h2 {
    font-size: 14px;
    height: auto;
}
#leftNav > ul h3 {
    font-size: 11px;
    font-weight: normal;
}
#leftNav > ul li.selected h3 {
    font-weight: bold;
}


/* footer */
.footer
{
	padding: 5px 0 10px 0;
	float:left;
	width:757px;
}
.footerLinks
{
	background: #d8d4d3 url(/img/ftr/bg.gif) no-repeat;
	padding: 14px 20px 0 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 18px;
}
.footerLinks a:link, .footerLinks a:visited
{
	color: #6C6C6C;
	font-size: 10px;
}
.footerCopyright, .footerGoableSite
{
	color: #ee3324;
	font-size: 9px;
}
.footerCopyright
{
	float: left;
	padding: 12px 0 32px 20px;
}
.footerGoableSite
{
	float: right;
	padding: 12px 20px 32px 0;
}
.footerLogos
{
	padding: 6px 0 0 20px;
}
.footerGlobalLink
{
	float: right;
	padding: 6px 20px 0 0;
	font-size: 10px;
}
.footerImgs
{
	padding: 6px 20px 0 20px;
}
.footerTable
{
	width: 100%;
}
.footerTdLeft
{
	text-align: left;
}
.footerTdRight
{
	text-align: right;
}

/* Data List */

form dl > dt
{
	float: left;
	display: inline;
	width: 120px;
	vertical-align:bottom;
}
form dl > dd
{    
	float: left;
	display: inline;
	width: 235px;
	margin-bottom:10px;
}
form dl > dd > input
{
    width:145px;
}
form dl > dd > select
{
    width:150px;
}
form dl > dd > textarea
{
    width:235px;
}
/* font used to supply notes around forms and such */
.noteText
{
    font-size:9px; 
    color:#9CAEB7; 
}

.title {
    background-image:url(/img/hdrs/bg_h1_sub_menu_410.gif); 
    width:335px; 
    background-color:#f1eff0;
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
    padding:4px 0 0 19px;
    font-family:arial,verdana,sans-serif;
    height:21px;
    background-repeat:no-repeat;
    voice-family:"\"}\"";
    voice-family:inherit;
}

.paragraph {
    padding-left:20px;
}

.userFormFields {
    padding-left:20px;
    padding-top:15px;
    position:relative;
}

.userFormFields .label {
    float:left; 
    width:180px; 
    padding-top:10px;
}

.userFormFields  input {
    width:100%
}

.userFormFields .field {    
    width:150px; 
    float:right; 
    padding-top:5px;
    position:relative;
    right:8px;
}

#forgotPasswordButton {
    position: absolute; 
    right:0px; 
    top:80px;
}

#loginButton {
    position: absolute; 
    right:0px; 
    top:100px;
}

.field {
    margin-bottom: 10px;
}

.field input 
{
    width:145px;
}

.field textarea 
{
    width:235px;
}

.field select 
{
    width:150px;
}

.submitBtnDiv {
    float:right;
}

.label {
    float:left;
    width: 175px;
}
.sku .label 
{
	width: auto;
	padding-right: 3px;
}
.choosePassword {
    position:absolute;
    right:0px;
    bottom:-15px;
}

#pageDescription {
    position:relative;
}

/* Shopping cart style */

.callCenterPhone {
    font-weight:bold;
    margin-top:10px;
}

#guranteeIcon {
    padding-top:5px;
}

.shoppingInfoTitle {
    font-size:10px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
    text-transform:uppercase;
}

/* Order Status cart style */

.orderStausDescription {
    padding-left:20px;
    width:690px;
}

.orderStausEnterLabel {
    padding-left:20px;
    padding-top:15px;
    padding-bottom:10px;
}

.orderStatusTitle {
    padding-bottom:10px;
    padding-top:10px;
}

.webOrderNumberTextBox {
    padding-top:10px;
}

.orderStausAndLabel {
    width:690px;
    float:left;
    padding-left:20px;
    padding-bottom:30px;
}

/* Search style */

.searchLeftNavTitle {
    margin-bottom:5px;
}

/* Forms */

.formContainer h2 {
    background-color:#F1EFF0;
}

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

#paging .pagingItems {
	float:left;
}

#paging .summary {
	float:right;
}


/*-- BANNER SOLUTION NEXTGEN --*/

    .bannerSmallTitleTd {
		color:#FFFFFF;
		font-family:arial,verdana,sans-serif;
		font-size:16px;
		font-weight:bold;
		height:20px;
		padding-top:15px;
		vertical-align:top;
	}
		
	.bannerSmallCopyTd {
		color:#FFFFFF;
		font-family:arial,verdana,sans-serif;
		font-size:12px;
		padding-top:5px;
		vertical-align:top;
	}

/*--	ABOUT ESSELTE NEXTGEN --*/	
	
	.subTitle  {
		font-size:10px;
		font-weight:bold;
		margin-bottom:5px;
		text-transform:uppercase;
	}
	
div#newsletterSubscription > div > ul 
{
	line-height:1em;
	list-style-position:inside;
	list-style-type:disc;
	margin:10px 0 10px 1.1em;
}

.mainColumnContent div.container
{
	padding-bottom:10px;
}
.mainColumnContent div#createAccount h3.form 
{
	font-size:11px;
	font-weight:bold;
	font-family:verdana,arial,"Lucida Grande",sans-serif;
	padding-bottom:5px;

}

.mainColumnContent div#createAccount p.description
{
	margin-bottom:0px;
}

#DrivingDirectionForm h2 {
	background-color:#FF1100;
	color:#FFFFFF; 
	font-family:arial,verdana,sans-serif;
	font-size:14px;
	font-weight:bold; 
	text-align:left; 	
	text-transform:uppercase;
	padding:5px;
}

.mainColumnContent .content-text
{
	padding-bottom:22px;
}

#registeredUser {	
	float:right;
	font-size:10px;
	position:absolute;
	right:25px;
	text-align:center;
	top:37px;
	width:175px; 
}

#logoutLink {
    border-right:1px solid #868686;
    float:left;
    margin-right:5px;
    padding-right:4px;
    text-align:right;
    width:70px;
}

#accountLink {
    float:left;
    text-align:left;
    width:50%;
}

.promotion .floatLeft img {
    width:63px;
    height:90px;
}

#communityInfo {
    margin-top:15px;
}

#communityInfo .description {
    margin-bottom:10px;
}

.validation li {
    background:none; 
}

.validation > ul {
	list-style-position:inside;
	list-style-type:disc;	
	text-indent:-1.2em;
	padding-left:2.2em;
	padding-top:10px;
}

.feedbackPanel li {
    background:none; 
}

.feedbackPanel > ul {
	list-style-position:inside;
	list-style-type:disc;	
	text-indent:-1.2em;
	padding-left:2.2em;
	padding-top:10px;
}

#shopNav ul li
{
	background:none;
}	

#relatedProducts ul li
{
	background:none;
}

.ui-corner-all {
    -moz-border-radius: 0px;
}

.ui-dialog-titlebar
{
	background:#FFFFFF;	
	border:none;
}

.ui-dialog .ui-dialog-title {
    color: #666666;
    float: left;
    margin: 0.1em 16px 0.1em 0;
    font-size: 14px;
    text-transform: uppercase;
}

div#highResImageOverlay{margin:0;padding:0}
.ui-dialog-titlebar-close{ background:#FFF;}
a.ui-dialog-titlebar-close:hover{ background:#FFF;}
ul#galleryViewItems{margin:0;padding:0;}
ul#galleryViewItems li { background:none;margin:0;padding:0;}
.ui-state-hover { background:#FFF;border:#FFF;}
.ui-widget-overlay{ background:#333; opacity:.8;} 

/* send to friend ascx */
.emailFriendTd1 div:after {	content: ":"; }
/* send to friend inc */
.FriendName .label:after {	content: ":"; }
.FriendEmail .label:after {	content: ":"; }
.SenderName .label:after {	content: ":"; }
.SenderEmail .label:after {	content: ":"; }
.Subject .label:after {	content: ":"; }
.Message .label:after {	content: ":"; }