/* @override http://10.0.23.163/ecweb/Styles/eComm.css */

/* @override http://10.0.23.163/ecweb/Styles/eComm.css */

/*These styles will need to be added to the mainStyles.css file*/

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

.floatLeft { float: left; }
.floatRight { float: right; }

.catlistcol {
width: 140px;
padding-left: 2px;
padding-right: 2px;
}

.catlistspace {
padding: 4px;
}

input.btn {
font-family: Arial;
font-size: 11px;
color: #696969;
font-weight: bold;
background-color: #dcdcdc;
border: 1px solid;
border-top-color: #B2B2B2;
border-left-color: #B2B2B2;
border-right-color: #B2B2B2;
border-bottom-color: #B2B2B2;
}



input.btn:hover {
border-right: dimgray 1px solid;
border-top: dimgray 1px solid;
border-left: dimgray 1px solid;
border-bottom: dimgray 1px solid;
cursor: default;
cursor: pointer;
}

.noDecoration {
text-decoration: none;
font-weight: bold;
}



.decoration {
text-decoration: inherit;
font-weight: normal;
}

.linkPagination {
font-size: 11px;
color: #7F66A3;
font-weight: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.linkPaginationSelected {
font-size: 11px;
color: #7F66A3;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.enlargepopup {
color: #000033;
background-color: #ffffff;
position: absolute;
top: 160px;
left: 140px;
width: 600px;
height: 450px;
z-index: 99;
visibility: hidden;
border: solid thin #b2b2b2;
}

.btnsmall {
background-color: #dcdcdc;
padding-left: 2px;
padding-right: 2px;
border-top-color: #B2B2B2;
border-left-color: #B2B2B2;
border-right-color: #B2B2B2;
border-bottom-color: #B2B2B2;
}



.btnsmall:hover {
cursor: default;
cursor: pointer;
}

.tabs {
border-left: medium none;
border-right-style: none;
border-bottom-style: none;
}

.modalpopup {
background-color: #ffffff;
padding: 10px;
width: 350px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}

.modalbackground {
background-color: gray;
filter: alpha(opacity=70);
opacity: 0.7;
}

.bagtotalbox {
background-color: #E0E0E0;
border: solid 1px #e0e0e0;
}

ajaxpanelhide {
display: none;
}



.errorbar {
background-color: #CC3300;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.tableoutline {
background-color: #999999;
font-style: normal;
}

.bodytextsimulatelink {
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

.leftnavotherlinks {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
left: 10px;
text-transform: none;
display: block;
}

.leftnavotherlinks a {
text-decoration: none;
color: #73695d;
}

.leftnavotherlinks a:hover {
text-decoration: none;
color: #c9ac85;
}

.leftnav_level01,
.leftnav_level02,
.leftnav_level03,
.leftnav_level04,
.leftnav_level05 {
display: block;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #73695d;
margin: 1px 0;
}
.leftnav_level01 {
font-size: 12px;
padding: 1px 10px;
}
.leftnav_level02,
.leftnav_level03,
.leftnav_level04,
.leftnav_level05 {
font-size: 10px;
padding: .5px 10px;
}
.leftnav_level02 {
margin-left: 10px;
}
.leftnav_level03 {
margin-left: 20px;
}
.leftnav_level04 {
margin-left: 30px;
}
.leftnav_level05 {
margin-left: 40px;
}

.leftnav_selected,
.leftnav_level01:hover,
.leftnav_level02:hover,
.leftnav_level03:hover,
.leftnav_level04:hover,
.leftnav_level05:hover {
background-color: #EBDFC5;
border-radius: 3px;
}

.bagUtility {
    margin-right: 4px;
    border: 1px solid #C9AC85;
    /*background-color: #D0B99B;*/
    color: #73695D;
    background-color: #EBDFC5;
    font-size:10px;
}
.bagUtility_account,
.bagUtility_order {
    padding:4px;
}
.bagUtility_account {
    border-bottom: 2px dashed #C9AC85;
}
.bagUtilitye_order {
}
.bagUtility_orderCheckout {
    text-align: right;
}
.bagUtility_orderMsg {
    /*width: 74%;*/
    padding-right: 220px;
}
.bag_utility_totals {
    float: right;
    width: 220px;
    text-align: right;
}
.bag_addToBag_container div {
    text-align: left;
    padding: 2px 0;
}
.bag_addToBag_container input {
    margin: 0;
}

.leftnav_specialoffer {
border-top: 1px dashed red;
border-bottom: 1px dashed red;
margin: 3px 0;
padding-top: 3px;
padding-bottom: 3px;
}

.promotionItemPopup {
background-color: #ffffff;
padding: 10px;
width: 450px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}

.ColorDropdownPanel {
border: 1px solid #868686;
z-index: 1000;
background: url(../images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
cursor: default;
padding: 1px 1px 0px 1px;
font-size: 11px;
}



.ColorDropdownBreak {
margin: 1px 1px 1px 32px;
padding: 0;
height: 1px;
overflow: hidden;
display: block;
border-top: 1px solid #C5C5C5;
}



a.ColorDropdownItem {
margin: 1px 0 1px 0;
display: block;
color: #003399;
text-decoration: none;
cursor: pointer;
padding: 4px 19px 4px 4px;
white-space: nowrap;
}



a.ColorDropdownItem-Selected {
font-weight: bold;
}



a.ColorDropdownItem:hover {
background-color: #FFE6A0;
color: #003399;
border: 1px solid #D2B47A;
padding: 3px 17px 2px 4px;
}

.mpeLargeBackground {
background-color: Gray;
filter: alpha(opacity=30);
opacity: 0.7;
}



.mpeLarge {
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: #B2B2B2;
padding: 3px;
width: 450px;
}

.mpeOtherBackground {
background-color: Gray;
filter: alpha(opacity=30);
opacity: 0.7;
}



.mpeOther {
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: #B2B2B2;
padding: 3px;
width: 700px;
}

.mpeESIBackground {
background-color: Gray;
filter: alpha(opacity=30);
opacity: 0.7;
}

.mpeESI {
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: #B2B2B2;
padding: 3px;
width: 700px;
}

.termspopup {
background-color: #ffffff;
padding: 10px;
width: 500px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}

.notifysmall {
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

input.btnred {
font-family: Arial;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
background-color: #dc0000;
border: 1px solid;
border-top-color: #B2B2B2;
border-left-color: #B2B2B2;
border-right-color: #B2B2B2;
border-bottom-color: #B2B2B2;
}



input.btnred:hover {
border-right: dimgray 1px solid;
border-top: dimgray 1px solid;
border-left: dimgray 1px solid;
border-bottom: dimgray 1px solid;
cursor: default;
cursor: pointer;
}

.btnsmallred {
color: #FFFFFF;
font-weight: bold;
font-size: 9px;
background-color: #cc0000;
padding-left: 0px;
padding-right: 0px;
border-width: 0px;
border-top-color: #cc0000;
border-left-color: #cc0000;
border-right-color: #cc0000;
border-bottom-color: #cc0000;
}



.btnsmallred:hover {
color: #D0D0D0;
cursor: default;
cursor: pointer;
}



.pagetitlered {
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}

.unusedRewardsPopup {
background-color: #ffffff;
padding: 10px;
width: 400px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}

.bodytextmediumwhite {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
}

.bodytextmediumblack {
color: #666666;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

.progress {
background-color: #FFFFFF;
width: auto;
height: auto;
}

.newRewardsPopup {
background-color: #ffffff;
padding: 10px;
width: 400px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}

.specialOffersUL {
list-style-type: square;
padding-left: 21px;
margin-left: 0px;
}

/* tab theme */

.ajax__tab_theme .ajax__tab_header {

	/*background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom; */

    font-family:arial,helvetica,clean,sans-serif;
font-size: small;

	/*display:table-caption; This breaks the ASP.NET AJAX control with v4.x*/

	cursor:pointer;
}

.ajax__tab_theme .ajax__tab_header .ajax__tab_outer {

    /*background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) #FEF4DE repeat-x; */

    margin:0px 0.16em 0px 0px;
padding-right: 4px;
vertical-align: bottom;
border: solid 1px #a3a3a3;
border-bottom-width: 0px;
height: 21px;
background-color: #FEF4DE;
}

.ajax__tab_theme .ajax__tab_header .ajax__tab_tab {
height: 13px;
padding: 4px;
margin: 0;
background-color: #FEF4DE;
}

.ajax__tab_theme .ajax__tab_hover .ajax__tab_outer {

   /* background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) #FFEBCD repeat-x left -1300px;*/

	background-color:#FFEBCD;
}

.ajax__tab_theme .ajax__tab_hover .ajax__tab_inner {

    /*background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) #FFEBCD repeat-x left -1300px;*/

	background-color:#FFEBCD;
}

.ajax__tab_theme .ajax__tab_hover .ajax__tab_tab {

   /* background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) #FFEBCD repeat-x left -1300px;*/

	background-color:#FFEBCD;
border-bottom: solid 1px #999999;
}

.ajax__tab_theme .ajax__tab_active .ajax__tab_tab {
color: #ffffff;
background-color: #ffffff;
}

.ajax__tab_theme .ajax__tab_active .ajax__tab_outer {

    /*background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) #ffffff repeat-x left -1400px;*/

    background-color:#ffffff;
}

.ajax__tab_theme .ajax__tab_body {
font-family: arial,helvetica,clean,sans-serif;
font-size: 10pt;
padding: 8px;
background-color: #ffffff;
border: solid 1px #999999;
border-top-width: 0px;
border-top: solid 1px #999999;
}

.wrongCountryPopup {
background-color: #ffffff;
padding: 10px;
width: 400px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}

.rewardsExceededPopup {
background-color: #ffffff;
padding: 10px;
width: 400px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}



demopopup {
background-color: #ffffff;
padding: 10px;
width: 500px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}





.contactConfirmPopup {
background-color: #ffffff;
padding: 10px;
width: 400px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}



.loadingDlg /*loading ajax dlg*/ {
top: 25%;
left: 40%;
width: 260px;
display: block;
position: absolute;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
border: outset 1px #666666;
z-index: 99;
font-size: x-small;
visibility: hidden;
}

.loadingDlg_cancel /*modal cancel ajax link*/ {
clear: both;
cursor: pointer;
float: right;
text-decoration: underline;
padding: 2px 0 0 0;
}

.modalOverlay {
visibility: hidden;
background-image: url('../Images/shadow.png');
background-repeat: repeat;
background-position: center top; /*This, along with the 100% height|width, ensures the image will auto-resize when the window resizes*/

	height:100%;
width: 100%;
position: absolute !important;
top: 0;
left: 0;
z-index: 50;
}

.rollovers span {
font-weight: bold;
cursor: default;
}

.rollovers .hover {
text-decoration: underline;
}



.callout {
background-color: #EBDFC5;
padding: 5px;
border: none;
z-index: 10;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

input.btnsm {
font-family: Arial;
font-size: 8px;
color: #696969;
font-weight: bold;
background-color: #dcdcdc;
border: 1px solid;
border-top-color: #B2B2B2;
border-left-color: #B2B2B2;
border-right-color: #B2B2B2;
border-bottom-color: #B2B2B2;
margin: 1px 1px 1px 1px;
}



input.btnsm:hover {
border-right: dimgray 1px solid;
border-top: dimgray 1px solid;
border-left: dimgray 1px solid;
border-bottom: dimgray 1px solid;
cursor: default;
cursor: pointer;
margin: 1px 1px 1px 1px;
}

.vceOS {
background-color: #EBDFC5;
}

.vceOS_div table table {
margin-top: 75%;

	*margin-top:65%;
}

/*----------Digital----------*/

/*Login Sections (left, center, right*/

.digLogin {
height: 200px;
width: 730px;
}

.digCustLogin,

.digDemoLogin,

.digNewCustLogin {
float: left;
height: 100%;
overflow: hidden;
word-wrap: break-word;
}

.digDemoLogin,

.digNewCustLogin {
border-left: solid 1px #E0E0E0;
}

.digCustLogin {
width: 40%;
}

.digNewCustLogin input /*IE hack to keep the button from growing out of the bounds of it's parent*/ {

	*width:100%;
}

.digDemoLogin {
width: 35%;
}

.digNewCustLogin {
width: 23%;
}

/*Login Containers*/

.digLogin_cont

.digLogin_cont_left {
padding-right: 10px;
}

.digLogin_cont {
padding-left: 10px;
}

/*Login Titles*/

.digLoginSubTitle {
padding: 10px 0 10px 0;
}

/*Failed Login Container*/

.digLoginFailed {
padding-bottom: 5px;
}

/*Forgot Password*/

.digLoginFgtPwd {
padding-top: 15px;
}

/*LoginID TextBox*/

.digLoginID {
width: 180px;
}

/*Login Password*/

.digLoginPwd {
width: 120px;
}



/*Digital - OnlineIconItem*/

.calloutContainer {
padding: 0 10px 10px 0;
}

.callout_content {
position: absolute;
visibility: hidden;
}

.callout_title,

.callout_body {
float: left;
clear: both;
}

.callout_title {
padding-bottom: 5px;
}

.callout_body {
padding: 2px 8px 0 8px;
}

.onlineIconItem {
float: left;
}



.crwt_content th,

.crwt_content label,

.crwt_content span,

.crwt_contentWithJoin th,

.crwt_contentWithJoin label,

.crwt_contentWithJoin span {
font-size: 10px;
}



/*DigitalImgUpload*/

.dpu_c /*digitalUpload_Container*/ {
width: 720px;
}

.dpu_rpc /*digitalUpload_RoundedPanelContainer*/ {
width: 300px;
padding: 100px 0 100px 50%;
margin-left: -150px;

	*margin-left:210px;

	*padding-left:0;
}

.dpu_container {
padding: 10px;
clear: both;
}

.dpu_text {
padding: 15px 0 15px 0;
}

.dpu_pbl /*loading percent*/ {
float: left;
}

.dpu_pbj /*current job (0 / 5)*/ {
float: right;
}

.dpu_pbc /*ProgressBar*/ {
padding: 1px;
}

.dpu_pbo /*ProgressBar Border*/ {
position: relative;
background-color: White;
}

.dpu_pbi /*progressBar*/ {
position: relative;
height: 20px;
left: 0;
width: 0;
}

.clear {
clear: both;
}

.modalDownloadTerms {
background-color: #ffffff;
padding: 10px;
width: 600px;
border-right: dimgray 2px solid;
border-top: dimgray 2px solid;
border-left: dimgray 2px solid;
border-bottom: dimgray 2px solid;
}