html,body{ padding:0;  margin:0;font-size:12px;/*height:100%;*/ }
 body{ padding:0; margin:0;font-size:12px;}
*{ font-family:Arial, Helvetica, sans-serif; outline:none}
.clarBoth{ clear:both}
.clearBoth{ clear:both}
.floatLeft{ float:left}
.floatRight{ float:right}
.rainSpacer1{ height:8px;}
.rainSpacer2{ height:180px}
form{ padding:0; margin:0}
h3{ color:#E87613}
p{ padding:4px; margin:0}

#esmHeader{}

#esmLogo{ float:left; }

/*Header Nav*/
#esmHeaderNav{  float:right; margin:10px 0 0 0;}
/*#topNav2{ background-image:url(../images/customerportal/menu-tl.gif); background-repeat:no-repeat; background-position:left bottom}
#topNav2Right{background-image:url(../images/customerportal/menu-tr.gif); background-repeat:no-repeat; background-position:right bottom;}
#topNav2Mid{ background-image:url(../images/customerportal/menu-bg.gif); background-repeat:repeat-x; background-position:bottom; height:37px; margin:0 20px 0 20px;}
*/

#topNav2{ background-color:#fff; width:100%; text-align:right; border:1px solid #999; border-width:1px 0; }
#topNav2Right{ }
#topNav2Mid{   margin:0 px;}


#topNav2Right ul{ padding:0; margin:0 10px 0 0}
#topNav2Right ul li{ padding:3px 0; margin:0px 0 0 0px; list-style:none; float:left }
#topNav2Right ul li a{ text-decoration:none; font-size:12px; color:#FFF; margin:0px 2px; text-align:right; font-weight:normal; padding:3px 10px; background-color:#000}
#topNav2Right ul li a:hover{ text-decoration:none; background-color:#666}
#topNav2Right ul li a.currentPg{ background-color:#E46F11;  }

.nobrdrR{ border:none!important; vertical-align:middle!important; }
/**:first-child+html #topNav2Right ul li{ padding:0; margin:7px 0 0 0px; list-style:none; float:left}*/

/**/


/*Top Menu*/
.rainBG{ background-image:url(../images/customerportal/rain-bg.gif); background-repeat:repeat-y}
.topnav_left {float:left; height:19px;width:100%;background:#FFFFFF;overflow: hidden; margin:4px 0 0 0}
#container_topnav {width: 990px; }
.topnav_tab {float:left; width:389px;}
.topnav1 {float:right; text-align:left; height:19px; width:591px; margin-top:4px; padding:0 0 0 10px}
.topnav1 a{text-decoration : none; color : #fff; margin:0 5px}
.topnav1 a:hover {text-decoration:underline;}
.topnav1_text {	height: 23px; font-family: Arial, Helvetica, Verdana, sans-serif;font-size: 11px;color : #fff;}
.topnav_right {	float:left;	 width: 100%; overflow:hidden;}

/**/



.esmRainStripe{background-image:url(../images/customerportal/rain-bg.gif); background-repeat:repeat-y; background-position:center;}
#esmPoster{ height:88px}
#esmHomeBnr{ height:227px}

.submenu{ height:68px}
#user{ border:1px solid #000; border-width:0 0 1px 0; font-size:12px; padding:6px 0 0px 0; margin:0 0 10px 0;}
.uName{ font-weight:bold; color:#000; text-transform:capitalize;}
.uDetails{ font-size:12px}
.uDetails a{ text-decoration:underline; color:#000} 

.esmOuterContainer{ width:95%; margin:0 auto;}

/*ESM Contents*/
.outerBox{ padding:0; margin:0}
#esmContents{clear:both; padding:5px 0 50px 0;}
#esmtabs{ margin:10px 0 0 0; }
#esmtabs ul{ padding:0; margin:0 0 0 15px;  }
#esmtabs ul li{padding:0; list-style:none; float:left; margin:0 3px;  }

a.tabbutton {  background: transparent url('../images/customerportal/common/bg_tab_a.gif') no-repeat scroll top right;  color: #444; display: block; float: left;  margin-right:0px; padding-right:20px;text-decoration: none; font-size:16px; font-weight:bold; height:30px}
a.button img{ border:0; vertical-align:middle; height:12px; width:12px; margin:0 3px 0 0}
a.tabbutton span { background: transparent url('../images/customerportal/common/bg_tab_span.gif') no-repeat;  padding: 6px 0 0px 15px; height:23px; float: left;} 

a.tabbutton:hover {background-position: bottom right;  color: #000; outline: none; /* hide dotted outline in Firefox */height:30px}
a.tabbutton:hover span {background: transparent url('../images/customerportal/common/bg_tab_span.gif') no-repeat; display: block;  padding: 7px 0 0px 15px; background-position: bottom left;height:23px } 

/*a.tabbutton:active {background-position: bottom right;  color: #000; outline: none; }
a.tabbutton:active span { background-position: bottom left; padding: 8px 0 0px 18px; } */


a.tabbuttonActive {  background: transparent url('../images/customerportal/common/bg_tab_a.gif') no-repeat scroll bottom right;  color: #444; display: block; float: left;  margin-right:0px; padding-right: 20px;text-decoration: none; font-size:16px; font-weight:bold; height:30px}
a.tabbuttonActive span { background: transparent url('../images/customerportal/common/bg_tab_span.gif') no-repeat; float: left;  padding: 6px 0 0px 15px; height:24px; background-position: bottom left;} 
.boxInner{ padding:10px 10px 3px 10px;}

.inputButton{background-image:url(../images/customerportal/common/button_bg.gif); background-repeat:repeat-x; background-position:left top;  color:#FFFFFF; height:24px; border:1px solid #000; -moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px; padding:0px 10px 3px 10px; cursor:pointer; }
/*input[type="submit"] {background-image:url(../images/customerportal/common/button_bg.gif); background-repeat:repeat-x; background-position:left top;  color:#FFFFFF; height:24px; border:1px solid #000; -moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px; padding:0px 10px 3px 10px; cursor:pointer;}*/


 
/*Home Page*/
.ESCProcess{ height:190px}
.boxInnerIndex{ padding:0px;}
#escLogin{ float:left; margin:10px 0; width:260px;}
.outerBox3 h2{ color:#FFF; padding-top:8px}
#escHomeContents{ float:right; width:711px;  }
.ESCProcess2{ text-align:right}
.loginForm{ margin:10px 0}
.loginForm a:hover{ text-decoration:none}
.grey{ clear:both; margin:0px 0; }
.field{ clear:both; border:1px solid #CECBB6; -moz-border-radius:3px; -webkit-border-radius:3px; width:230px; height:20px; padding:3px; margin:3px 0; font-size:12px}
.forgot , .forgot a{font-size:11px; color:#000; }
.forgot,.signup{ clear:both; padding:8px 0 0 0}
.signup a{ font-size:12px; color:#000;}
.bt_login{ margin:4px 0 0 0}
/**/
/**/

/*FooterContainer*/
#footerContainer{/*position:absolute;bottom:0;*/width:100%; background-image:url(../images/customerportal/footer-bg.gif); background-repeat:repeat-x; width:100%; padding:0 0 7px 0}
#footer{ width:100%; margin:0 auto; color:#cacaca; font-size:11px}
#ftop{ padding:15px 0 0  0; display:none;}
#ftop img{ vertical-align:middle}
#ftop a, #ftop2 a{color:#cacaca; text-decoration:none; font-size:11px}
#ftop a:hover, #ftop2 a:hover{ text-decoration:underline}
.newsLetter{ }
form.newsLetterSignup{ padding:0; margin:0}
form.newsLetterSignup label em{font-family: Georgia, serif;  vertical-align:middle; *vertical-align:top; margin:5px 0 0 0;  }
.ntext{ background-image:url(../images/customerportal/newsletter_bg.png); background-repeat:no-repeat; background-position:left top; border:0; background-color:transparent; color:#FFF; font-size:11px; padding:1px 2px 2px 5px; *padding:5px 2px 2px 5px; width:200px; height:20px; color:#9e9e9e;}

.nSubmit{ vertical-align:top; width:15px; height:23px}

#ftop2{ clear:both; padding:7px 0 0 45px}
  
#top-button{ margin-top:10px}
a.gotop{color:#fbca3a; text-decoration:none; display:block; width:118px; height:18px; color:#b3b3b3; background-image:url(../images/top.gif); background-repeat:no-repeat; background-position:top; padding:4px 0 0 0; text-align:center; font-size:11px}
a.gotop:hover{ color:#FFF}
/**/

/*******************************************ESM INNER CONTENTS*******************************************/
.outerBox2{ margin:0px 0 10px 0}
.bgSettings{background-image:url(../images/customerportal/common/settings.png); background-position:right top; background-repeat:no-repeat }
.bgLogin{background-image:url(../images/customerportal/common/Login.png); background-position:right 20px; background-repeat:no-repeat; }

/*ButtonStyles*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;}
.buttonContainer{ clear:both; padding:5px 0 5px 0}
.edit{ background-image:url(../images/customerportal/common/edit.png);}
a.button img{ border:0; vertical-align:middle; height:12px; width:12px; margin:0 3px 0 0}
a.button {  background: transparent url('../images/customerportal/common/bg_button_a.gif') no-repeat scroll top right;  color: #444; display: block; float: left; font: normal 12px arial, sans-serif;
height: 24px;  margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; cursor:pointer;}
a.button span { background: transparent url('../images/customerportal/common/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; font-size:12px} 
a.button:active {background-position: bottom right;  color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 


/**/

h2{ font-size:18px; padding:6px 0 0 10px; margin:0}
h1{ font-size:22px; padding:3px 0 0 0px; margin:0}
.ctBox{ padding:10px}

ul.rowLeft{ float:left; width:445px; padding:5px; margin:0 10px 0px 0}
ul.rowLeft li p, ul.rowRight li p{ float:left; padding:1px 0 0 0; margin:0}
ul.rowRight{ float:left; width:445px;padding:5px; margin:0}
ul.rowLeft li, ul.rowRight li{ list-style:none; position:relative; font-size:13px; padding:4px 0; margin:0px 0;  background-image:url(../images/customerportal/common/dot_line.gif); background-position:bottom; background-repeat:repeat-x}
ul.noBg li{ background-image:none!important}
ul.rowLeft li span, ul.rowRight li span{ width:300px;  float:right; right:0; font-size:13px; text-align:left}
ul.rowLeft li span.mandatory, ul.rowRight li span.mandatory{ width:auto; position:relative; float:none; left:0; font-size:12px; text-align:left; color:#FF0000;}
span.mandatory{ color:#FF0000; padding-right:5px;}
ul.rowLeft li span img, ul.rowRight li span img{vertical-align:bottom;margin:0 0  0 5px;}

ul.rowLeftLarge{  padding:5px; margin:0; clear:both; margin:5px 0; clear:both}
ul.rowLeftLarge li{ list-style:none; position:relative; font-size:13px; padding:2px 0; margin:0px 0;  width:930px }
ul.rowLeftLarge li p{ float:left; padding:2px 0 0 0; margin:0}
ul.rowLeftLarge li img{ vertical-align:middle; padding:0 3px}
ul.rowLeftLarge li span{ width:780px; /* position:absolute;*/ float:right; right:0; font-size:13px; text-align:left; top:0z;}
.esmButton{  vertical-align:middle}
ul.rowLeftLarge a{ font-size:11px}
ul.rowLeftLarge a:hover{ text-decoration:none}

.eLabel{  display:block; float:left; width:100px;}
.mandatory, .required{color:#FF0000; font-weight:bold}
 
.outerBoxy{ margin:10px}

/*form elements*/
.misc{ font-size:14px; font-weight:bold}
.red1{ font-weight:bold; color:#F00}
.green1{ font-weight:bold; color:#008000}
/**/


/*form elements*/
.req{ font-size:14px; color:#F00; font-weight:bold}
.qInput{border:1px solid #CECBB6; -moz-border-radius:3px; -webkit-border-radius:3px; width:270px; height:20px; padding:3px; font-size:12px; }
.qInputLarge{border:1px solid #CECBB6; -moz-border-radius:3px; -webkit-border-radius:3px; width:600px; height:20px; padding:3px; font-size:12px; margin: 0 0 10px 0;}
.qDrop{border:1px solid #CECBB6; -moz-border-radius:3px; -webkit-border-radius:3px; width:280px;  padding:5px 3px ; font-size:12px}
.qtextarea{border:1px solid #CECBB6; -moz-border-radius:3px; -webkit-border-radius:3px; margin: 0 0 0px 0; padding:4px; font-size: 13px; width:570px; height:50px}
input[type=text]:focus, input[type=password]:focus, textarea:focus {border-color:#FBCC3E!important;}
.cSubmit{ margin:3px 0 0 0}
/**/

/*Configured eBay Seller Accounts*/
.ebay_Accounts{ width:100%; border:1px solid #999; border-width:0 0 1px 0}
.newebay_Accounts{ margin:5px 0 0 0 }
.newebay_Accounts a{ color:#00F;}
 /**/
 
/*misc*/ 
.commonButtonHolder{ padding:5px; text-align:right}
/**/ 


/*ebay Subscription Upgrade*/
.outerBoxUpgrade{ margin:15px 0}
.outerBoxUpgrade h4{ font-weight:bold; color:#FFF; padding:0px 0 5px 0; margin:0; font-size:20px}
.outerBoxUpgrade p{ color:#FFF; padding:5px 0; margin:0}
a.viewMore{ color:#FFF; text-decoration:underline; }
a.viewMore:hover{ text-decoration:none}
.upgradeShop{  background-image:url(../images/customerportal/common/ebayshop-red.gif); background-repeat:repeat-x; background-position:bottom; float:left; width:292px; padding:10px; color:#CCC; margin:0 1px 0 0}
.upgradeItem{  background-image:url(../images/customerportal/common/ebayitem-blue.gif); background-repeat:repeat-x; background-position:bottom; float:left; width:292px; padding:10px; color:#CCC;margin:0 1px 0 0}
.upgradeBespoke{  background-image:url(../images/customerportal/common/bespoke-green.gif); background-repeat:repeat-x; background-position:bottom; float:left; width:292px; padding:10px; color:#CCC}
/**/

/*Warning Notice*/
.alert{ background-color:#ffc452; border:1px solid #EEAD2F; border-width:1px 0; padding:0px 5px 0px 40px; background-image:url(../images/customerportal/common/warning_16.png); background-repeat:no-repeat; background-position:10px 1px; margin:10px 0}
.alert h3{ font-size:18px; color:#000; padding:0px 0 5px 0; margin:0}
.alert p{ padding:5px 0 ; margin:0; text-align:left}

.msg{ background-color:#65A42E; border:1px solid #417e0c; border-width:1px ; padding:0 5px;  margin:5px 0; color:#FFF}
.msg h3{ font-size:18px; color:#000; padding:0px 0 5px 0; margin:0}
.msg p{ padding:5px 0 ; margin:0; color:#FFF}

.msgSuccess{ background-color:#91d6fd; border:1px solid #1b8bcb; border-width:1px ; padding:5px;  margin:5px 0; color:#000000}
.msgSuccess h3{ font-size:18px; color:#000; padding:0px 0 5px 0; margin:0}
.msgSuccess p{ padding:2px 0 ; margin:0; color:#000000}

/**/

/*commonTable*/
.mytable {
 	padding: 0;
	margin: 10px 0;
	border-left: 1px solid #d6d6d6;
}

 .nobrdrR{ border-right:none!important; color:#000!important}
.mytable th {
	font-weight:bold;
 	color: #333;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-image:url(../images/customerportal/menu-bgTab.gif);
	background-repeat:repeat-x; background-position:bottom;
}

.manageIcons a{ float:left; margin:0 5px; color:#000; text-decoration:none}
.manageIcons a:hover{ color:#00F} 

.mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right:none!important;
	background: none;
}

 

.mytable td {
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000000;
	text-align:left;
}

 

/**/

/*Template Steps*/
#steps{ margin:10px 0}
/**/

/**/


/*Listing Table*/
table.listingTable {border-collapse:collapse;}
table.listingTable thead{ display:none}
table.listingTable tfoot{ display:none}
table.listingTable th.side {
	background: transparent url(../images/customerportal/bg_th_side.gif) no-repeat bottom left;
}
table.listingTable td.side {
 	background: transparent url(../images/customerportal/bg-orange.gif) repeat-x bottom left;
	width:380px;
 	color:#FFFFFF;
 background-color:#F7A01B
}

table.listingTable th {
	height:64px;
	border-right:1px solid #fff;
	vertical-align:bottom;
	color:#fff;
	font:normal 21px/27px arial;
	letter-spacing:2px;
	background:transparent url(../images/customerportal/bg_th.gif) no-repeat bottom left;
	}
table.listingTable td {
 	border-right:1px solid #fff;
	color:#fff;
	width:180px;
	padding:5px;
 }
table.listingTable td.on {background:transparent url(../images/customerportal/bg-black.gif) repeat-x bottom left; background-color:#585858}
table.listingTable th.on {
	background:transparent url(../images/customerportal/bg_th_on.gif) no-repeat bottom left;
	padding-bottom:9px;
	width:148px;
}

table.listingTable tfoot td {
	background:transparent url(../images/customerportal/bg_foot_td.gif) no-repeat top left; 
	height:64px;
	vertical-align:top;
	padding-top:8px;
}
table.listingTable tfoot td.on {
	background:transparent url(../images/customerportal/bg_foot_td_on.gif) no-repeat top left;
	padding-top:16px;
}
table.listingTable tfoot td.side {background: transparent url(../images/customerportal/bg_foot_td_side.gif) no-repeat top left;}

table.listingTable td.choiceC {background:transparent url(../images/customerportal/bg-blue.gif) repeat-x bottom left;background-color:#2E6ABF;} 
table.listingTable td.choiceD{background:transparent url(../images/customerportal/bg-grey.gif) repeat-x bottom left;background-color:#E1E1E1;} 

/**/

table.listingTableClear{}
table.listingTableClear td{ width:auto; background:none; border:none;   padding:3px 0;color:#000000 }
.prdImg img{ border:1px solid #666}

table.listingTableClear2{}
table.listingTableClear2 td{ width:auto; background:none; padding:3px 0; border-right:none}
td.tline{ border:1px solid #CCC; border-width:1px 0 0 0!important}

table.listingTableClear3{}
table.listingTableClear3 td{ width:auto; background:none; padding:3px 0; border-right:none; color:#000000}
td.tline{ border:1px solid #CCC; border-width:1px 0 0 0!important}

/* Misc */

.ctBox a{ color:#666;}
.ctBox a:hover{ text-decoration:none;}

table.reqTab{ line-height:20px; padding:10px 0 0 0;}

.portalComments{}
.portalComments p.comText{ font-size:14px;}
.portalComments p.comInfo{ color:#666; font-size:10px;}
.portalComments span.quoteL{ background:url(../images/customerportal/quoteL.gif) left top no-repeat; width:15px; height:13px; padding:0 20px 0 0;}
.portalComments span.quoteR{ background:url(../images/customerportal/quoteR.gif) right top no-repeat; width:15px; height:13px; padding:0 0 0 20px;}

.shopDraft{ text-align:center;}

.tandcPop{  }
#tandc h4{ font-size:18px;}

table.mytableInner{}
table.mytableInner td{ border:0;}



.stretch{}
.width_50{ width:50%;}
.width_49{ width:49%;}
.width_30{ width:30%;}
.width_70{ width:70%;}

.padT_10{ padding-top:10px;}

table.customReq{ padding-top:10px;}
table.customReq td{ padding:3px;}

.mytable td span img{vertical-align:bottom; margin:0 0  0 5px;}


.mytable a.sortAsc{ text-decoration:none; padding:0 10px 0 0;}
.mytable a.sortAsc:hover{ background: url(../images/customerportal/arrow_down.gif) right 4px no-repeat;}

.mytable a.sortDsc{ text-decoration:none; padding:0 10px 0 0;}
.mytable a.sortDsc:hover{ background: url(../images/customerportal/arrow_up.gif) right 4px no-repeat;}

.fwrap{	/*min-height:100%;position:relative; _height:100%;*/}

/*#content .outerBox2 .bgLogin form p input.submitNext{ padding-top:5px;}*/

/* newly added on 7 January 2011 */



/*span.inpSubmitSpn{ margin:0; padding:0 0 0 10px; border:0; height:24px; background:url(../images/customerportal/common/bg_button_span.gif) left top no-repeat; float:left;}
input.inpSubmitBtn{ margin:0; padding:0 10px 2px 0; border:0; cursor:pointer; background:url(../images/customerportal/common/bg_button_a.gif) right top no-repeat; color:#666; height:24px; float:left; outline:none;}*/

span.inpSubmitSpn{ margin:0 7px 0 0; padding:0 0 0 10px; border:0; height:24px; background:url(../images/customerportal/common/bg_button_span_n.gif) left top no-repeat; float:left;}
input.inpSubmitBtn{ margin:0; padding:0 10px 2px 0; border:0; cursor:pointer; background:url(../images/customerportal/common/bg_button_a_n.gif) right top no-repeat; color:#000000; height:24px; float:left; outline:none;}

fieldset{ border:1px solid #d6d6d6;}
legend{ color:#333; text-transform:capitalize; font-weight:bold;}

.padLR_10{ padding:0 10px;}
.margT_20{ margin-top:20px;}
.margT_10{ margin-top:10px;}

#userLog{ text-align:left; margin:0; padding:10px 0 10px 25px; border:0; background:url(../images/customerportal/user-log.jpg) left 2px no-repeat;}

/* newly added on 7 January 2011 */

/* Misc */

.revComments, .prevComments{ padding:5px; margin:5px; clear:both; border:1px solid #CCC}
.brdr{ border:1px solid #CCC; margin-top:10px!important;}
 
 
 .k_float{z-index:9999999;position:fixed !important;position:absolute; }
.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}
.k_bottom{bottom:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}
 .kc_bottom{bottom:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);}
 
.box{background-image: url("../images/customerportal/thumb_bg.gif"); background-position: center top; background-repeat: no-repeat; float: left; height: 182px; margin: 10px 10px 30px; padding: 10px 0 0; text-align: center; width: 260px; }
.box span{clear: both;display: block;padding: 20px 0 0;text-align: left;}