#signin-wrapper { background: url(/images/css/dotted_y_l-r.gif) repeat-y top left; position: relative; padding: 0px 35px 20px 15px; margin: 0 0 70px 0; min-height: 150px; _height: 150px; }
#signin-wrapper #col-1 { float: left; width: 680px; }
#signin-wrapper #col-2 { float: right; width: 200px; }

#signin-wrapper h1 {color:black;}
#signin-wrapper .signin-text {margin: 15px 0 15px 0;}
#signin-wrapper .signin-radio {margin: 5px 0;}
#signin-wrapper .signin-radio label {margin: 0 0 0 5px;}
#signin-wrapper .small-font {font-size: 11px;}
#signin-wrapper .signin-btn {margin: 20px 0 0 200px; display:block;}
#signin-wrapper .submit-btn {margin: 20px 0 0 258px; display:block;}

#signin-wrapper .signin-error h1{margin: 0;}
#signin-wrapper .signin-error .error {margin: 4px 0 10px 0;}

.signup p {margin: 15px 0;}
.signup-table {margin: 0 0 20px 0;}
.signup-table td {padding: 5px 10px 0 0;}
.signup-table td.personal-info-country {padding: 15px 0 0 0;}
.signup-table label {display:block; padding: 0 0 5px 0;}
#signin-wrapper #col-1.signup {width: 600px;}

#signin-wrapper #col-1.signup .no-style-list {list-style:none; margin: 0 0 20px 0;}
#signin-wrapper #col-1.signup .no-style-list li {margin:10px 0;}
#signin-wrapper #col-1.signup .no-style-list li label {margin: 0 0 0 5px;}
#signin-wrapper #col-1.signup .no-style-list li label.indent-label {margin: 0 5px 0 22px;}


#mobile1,
#mobile2,
#mobile3 {margin: 0 3px; width: 40px;}

#signin-wrapper #col-1.signup-confirm {width: 540px;}
#signin-wrapper h3 {color: black; font-weight: normal; font-size: 14px;}

#signin-wrapper #col-1 .forgot-password {width:400px;}

.reset-password-table td {padding: 5px 20px 5px 0;}
.reset-password-table .two-line-label {position:relative; bottom: 8px;}

#col-2 .section-content p {margin: 0 0 10px 0;}

#signin-wrapper .signin-error #error-mark.error {margin: 0 0 0 7px; vertical-align: middle;}

/* Edit starts here */

#myaccount-wrapper { position: relative; background: url(/images/css/dotted_y_l-r.gif) repeat-y top left; padding: 0 35px 30px 15px; margin-top: 15px; }
#myaccount-wrapper #col-1 { width: 540px;  }
#myaccount-wrapper #col-2 { width: 250px; margin: 15px 0 0 0; }
#myaccount-wrapper.replenish #col-1 { width: 915px;  }

/*
#myaccount-wrapper h1 {
	color:#000; 
	font-size: 22px;
	margin: 35px 0 10px 0;
}
*/

#header-link {float:right; margin: 8px 5px 0 0;}
#footer-link {float:right; margin: 60px 5px 0 0;}

#myaccount-wrapper.order-status-content #col-1 { width: 580px;  }

h2.section-header a.details-arrow { float: right; }

.one-column {padding: 0 20px 0 0;}

.myaccount-gradient { padding: 8px 7px; background: url(/images/css/order-status-bg.gif) repeat-x bottom; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:0 0 20px; }

.orderstatus-table { width:100%; border-collapse:collapse; margin: 0; padding: 0; }
.orderstatus-table thead th { font-weight: normal; color: #666; padding: 0 5px;}
.orderstatus-table td { padding: 5px; font-size: 11px;}
.orderstatus-table td a {text-decoration:underline;}

.white-box { background: #fff; border-bottom: 1px solid #ddd; margin: 0 0 10px 0;}

.twocol-split {background: transparent url(/images/css/twocol-border.gif) bottom no-repeat; margin: 0 0 10px 0;}
.twocol-split .white-box{border-bottom: none; padding: 0 0 10px 0; margin: 0 0 1px 0;}
.twocol-split .twocol-split-1 { float: left; width: 255px; }
.twocol-split .twocol-split-2 { float: right; width: 255px; }

.no-style-list {list-style:none; margin: 0 0 0 10px;}
.green-text {color:#7c988d;}
.underline {text-decoration:underline;}

.white-box .whitebox-prod {padding: 0 0 0 10px; margin: 0;}

.manage-myclinique {margin: 0 0 15px 0;  background: url(/images/css/dotted_x.gif) repeat-x bottom left;}
.manage-myclinique-left {float:left; padding: 0 30px 0 0; width: 175px;}
.manage-myclinique-middle {float:left; padding: 0 30px 0 0;}
.manage-myclinique-right {float:right; padding: 0 40px 15px 0;}



.past-purchases {padding: 10px;margin: 0 0 20px 0; background: url(/images/css/order-status-bg.gif) repeat-x bottom; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.past-container {background:#fff; border-bottom:1px solid #ccc;}
.view-past {padding: 0 0 10px 0; margin: 0 10px 10px 10px;}
.pastpurchases-prod {padding: 0 0 5px 0; margin: 0 10px 10px 10px;}

/* PAYMENT & ADDRESS OPTIONS */

#additional-info-list {margin: 15px 0 10px 0;}


.default-content{margin: 0 0 20px 0;}
.other-content {margin: 0 0 40px 0;}

.other-options-left {float:left; margin: 10px 0 0 10px; padding: 0 0 10px 0;}
.other-options-right {float:right; margin: 10px 20px 0 0; padding: 0 0 10px 0;}
.other-options-left .no-style-list,
.other-options-right .no-style-list {margin: 0;}

/* ORDER STATUS */
/*#order-status-hdr {margin: 35px 0 10px 0;}*/

.current-orders-table {border-collapse: collapse; width: 100%; margin: 10px 0 20px 0; }
.current-orders-table thead th {color:#666; border-bottom: 1px solid #ccc; font-weight: normal; padding: 0 0 3px 0;}
.current-orders-table td {padding: 10px 0;}

.past-orders-table {border-collapse: collapse; width: 100%; margin: 10px 0 20px 0; }
.past-orders-table thead th {color:#666; border-bottom: 1px solid #ccc; font-weight: normal; padding: 0 0 3px 0;}
.past-orders-table td {padding: 10px 0;}
.order-date {width: 100px;}
.order-number {width: 120px;}
.order-status {width: 105px;}
.two-row-top td{padding: 10px 0 0 0; margin:0;}
.two-row-bottom td{padding: 0 0 10px 0;}

/* REPLENISHMENT SERVICE */
/*
#replenishment-service-hdr {margin:20px 0 0 0;}
#replenishment-service-hdr h1 {margin: 0;}
*/

table.replenishment-table {margin: 20px 0 0 0; width:100%; border-collapse:collapse; }
table.replenishment-table td { padding: 10px;vertical-align:top;  }
table.replenishment-table .table-head td { color: #707070; border-bottom: 1px #BBBBBB solid; padding-bottom: 5px; background: none; }
table.replenishment-table tr.highlight {background: transparent url(/images/css/light-green-gradient-top_bg.gif) repeat-x;}
table.replenishment-table p {margin: 0 0 5px 0;}
table.replenishment-table .replenishment-products {width:170px;}
table.replenishment-table .replenishment-quantity {float:right; padding: 3px 0 0 0;}
table.replenishment-table .volume {float:right;}
table.replenishment-table input.replenishment-date {width:70px; border: 1px solid #AAAAAA; font-size: 11px; padding: 2px;}
table .quantity {width:100px; text-align: center; }

.table-cell-left {float:left;}
.table-cell-right {float:left; padding: 0 0 0 10px;}

/* MY CLINIQUE NEW */
#my-clinique-hdr {margin:20px 0 0 0;}
#my-clinique-hdr h1 {margin: 0;}

.my-clinique-new-left {float:left; width:170px;}
.my-clinique-new-middle {float:left; width:170px; padding: 0 0 0 10px;}
.my-clinique-new-right {float:right; width:160px; padding: 0 10px 0 0;}

.your-saved-results {margin:20px 0;}
.your-saved-results p {margin: 0 0 10px 0;}

.my-clinique-settings {margin:0 0 20px 0;}
.my-clinique-settings p {margin: 0 0 10px 0;}

.alert-settings p {margin: 0 0 10px 0;}

.show-in-dashboard {margin:0 5px 0 0; vertical-align: top;}
.my-clinique-settings {margin: 0 0 5px 0;}
.my-clinique-settings-select {margin:0 5px 5px 0; float:left; vertical-align: top;}
.alert-mobile-field {width: 30px; margin: 5px 7px 0 0; border: 1px solid #AAAAAA; padding: 0 2px;}
#myaccount-wrapper #col-2 .what-is-my-clinique{margin: 15px 20px 0 0;}

/* EDIT PERSONAL INFO */
.personal-info-container {padding:0 10px; width: 435px;}
.personal-info-container.address-overlay {width: 395px;}
.personal-info-container h1 {color:#000; font-size: 22px;}

.personal-info-container p {margin: 15px 0;}
.personal-info-container .personal-info-form-table {margin: 0 0 20px 0; width: 100%;}

.personal-info-container .personal-info-form-table td {padding: 5px 10px 0 0;}
.personal-info-container .personal-info-form-table td.personal-info-country {padding: 15px 0 0 0;}
.personal-info-container .personal-info-form-table label {display:block; padding: 0 0 5px 0;}

.personal-info-container .state {margin: 10px 0 0 0;}
.personal-info-container .payment-state {margin: 10px 0 0 0;}
.personal-info-container .month {margin: 10px 0 0 0;}
.personal-info-container .personal-info-form-table td#expire-year {padding: 25px 0 0 0;}

.personal-info-container .email-alerts {margin: 0 0 15px 0; vertical-align: bottom;}
.personal-info-container .email-alerts-select {padding: 0 0 5px 0;}
.personal-info-container .email-alerts-select input {float:left; margin: 3px 5px 5px 0;}

.personal-info-container .mobile-alerts {margin: 0 0 15px 0; vertical-align: bottom;}
.personal-info-container .mobile-alerts-select {padding: 0 0 5px 0;}
.personal-info-container .mobile-alerts-select input {float:left; margin: 3px 5px 5px 0;}

.personal-info-container .terms-accept {margin: 20px 0 0 0;}
.personal-info-container .terms-accept input {margin-right: 5px;}




#set-default-shipping {margin: 0 5px 0 0; vertical-align: top;}
#set-default-payment {margin: 0 5px 20px 0; vertical-align: top;}

#expiration-year {margin: 15px 0 0 0;}

.no-space {margin:0;}
.float-checkbox {float:right;}

.personal-info-container #footer-link {margin: 20px 0 0 0;}

.similar-products { z-index: 1; margin: 0 0 20px 0; }
.similar-products h2 { font-size: 12px; color: #7c988d; border-bottom: 1px #BBBBBB solid; padding: 0 0 3px 0; margin: 0; }

.similar-products dl { z-index: 1; position: relative; margin: 0; padding: 13px 0 0 87px; min-height: 77px; _height: 77px; }
.similar-products dl.highlight { background: transparent url(/images/css/gradient-top_bg.gif) repeat-x; }
.similar-products dl dt,
.similar-products dl dt a { font-size: 12px; margin: 0 0 4px 0; color: #000; }
.similar-products dl dd.thumb {  z-index: 1;position: absolute; width: 77px; top: 13px; left: 0; }
.similar-products dl dd.title a:hover { color: #D6A847; }
.similar-products dl dd { margin: 0 0 4px 0; padding: 0; font-size: 11px; }
.similar-products dl dd.price { font-size: 13px; color: #7c988d; margin: 0 0 4px 0; }
.similar-products dl dd.details { margin: 7px 0 0 0; font-size: 12px; }
.similar-products .dotted-x-b { height: 10px;  }

.border-75x75 {border: 1px #BBBBBB solid; width: 76px; height: 76px;}

#securitycode-link {margin: 0 0 0 5px;}

#securitycode-box {
position: absolute; 
top: 40px;
right: 0;
width: 140px;
height: 183px;
background: url(/images/css/securitycodeshadow_bg.gif) no-repeat;
padding: 7px 20px 0 130px;
}




#securitycode-box p { margin: 0; font-size: 10px;}

#securitycode-box h3 { font-size: 11px; margin: 0 0 5px 0; clear: right; font-weight: normal; }

#securitycode-box #securitycode-close { 
		float: right;
		color: #326445;
		font-size: 12px;
		text-transform: uppercase;
		background: url(/images/css/lb-close.gif) no-repeat 0 3px;
		padding-left: 14px;
		margin-bottom: 12px;
	}



/*Selects drop-down override*/

.niceform-white .selectArea {
	margin: 0 0 10px 0;
	float: none;
}

#optionsDiv0,
#optionsDiv1,
#optionsDiv2,
#optionsDiv3,
#optionsDiv4 {
	position:absolute;
	margin-top: 2px;
	margin-left:0;
	width:172px;
	background:#fff;
	padding: 4px 7px 4px 12px;
	font-size: 11px;
	z-index:20;
	border: 1px solid #d0d0d0;
	border-top: 0;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
#optionsDiv0 p,
#optionsDiv1 p,
#optionsDiv2 p,
#optionsDiv3 p,
#optionsDiv4 p {margin:0;padding:0;}

#optionsDiv0 a,
#optionsDiv1 a,
#optionsDiv2 a,
#optionsDiv3 a,
#optionsDiv4 a{
	color: #000;
	text-decoration:none;
	display:block;
	margin: 0 0 3px 0;
	_width: 100%;
}

#optionsDiv0 a:hover,
#optionsDiv1 a:hover,
#optionsDiv2 a:hover,
#optionsDiv3 a:hover,
#optionsDiv4 a:hover { color: #D6A847; }

/*ORDER CONFIRMATION*/
.confirmation {width: 750px; margin: 0 0 40px 0;}
.confirmation-header {margin: 0 0 20px 0;}
/*.confirmation-header h1 a {display: block; width: 197px; height: 66px; background: url(/images/css/clinique-logo.gif) no-repeat; text-indent: -9999px; overflow: hidden; margin: 40px 0 0 0;}*/
.confirmation-header h1 a {display: block; width: 197px; height: 66px; overflow: hidden; margin: 40px 0 0 0;}
.confirmation-header h2 {display: block; color:#101010; font-size:20px;}
.confirmation-header h3 {display: block; color:#101010; font-size:16px; font-weight:normal;}
.confirmation-header .confirmation-number {color:#7C988D; font-size:16px; }
.confirmation-header p {margin: 20px 0 20px 0;}
.confirmation table {width:100%; border-collapse:collapse; margin: 0 0 40px 0;}
.confirmation .ship-info thead th {border-bottom: 1px #BBBBBB solid;}
.confirmation .ship-info th {font-weight:normal; font-size:12px; color: #707070; color: #707070;border-bottom: 1px #BBBBBB solid;}
.confirmation .ship-info td {color: #707070;border-bottom: 1px #BBBBBB solid;}
.confirmation .ship-info .ship-date {width:300px;}
.confirmation .ship-info .ship-method {width:295px;}

.confirmation .order table {margin: 40px 0 0 0; width:100%; border-collapse:collapse; }
.confirmation .order td { padding: 10px;vertical-align:top;  }
.confirmation .order .table-head td { color: #707070; border-bottom: 1px #BBBBBB solid; padding-bottom: 5px; background: none; }

td.qty {
	text-align: center;
}

.confirmation table tr.highlight {background: transparent url(/images/css/light-green-gradient-top_bg.gif) repeat-x;}

.shadetable,
table.shadetable,
table.shadetable td,
.confirmation .order table.shadetable,
.confirmation .order table.shadetable td
{
	padding: 0;
	margin: 0;
}

.itemshadetable {
	margin: 4px 0 !important;
}

.itemshadetable td {
	margin: 3px 0 0 3px !important;
	padding: 0 !important;
	height:8px;
	line-height: 8px;
}

.confirmation  table .shade {
	/*
	float:left; 
	*/
	margin: 3px 0 0 3px !important;
	padding: 0 !important;
	height:8px;
	line-height: 8px;
	margin:3px 0px 0pt 0pt;
	background-image: none !important;
}


.confirmation .color { margin: 0 0 10px 0; }
.confirmation .color p { float: left; margin: 0 0 0 7px; font-size: 11px; }


.confirmation  table .quantity {width:100px; text-align: center; }


.confirmation  #align {text-align:center;}

.confirmation .order .dotted-x-t { height: 1px; padding: 0;}
.confirmation .order tr.grand-total td {font-weight: bold;}

.confirmation .order-total {width:200px; margin: 40px 0 0 500px;}
.confirmation .order-total ul {list-style:none; margin:0; }
.confirmation .order-total .order-total-left {float:left;}
.confirmation .order-total .order-total-right {float:right;}
.confirmation .order-total .wrap-total {padding:0 0 10px 0;}
.confirmation .order-total .total {padding: 10px 0 0 0;}

.confirmation .click-here {text-decoration:underline;}
.confirmation .free-gift {margin: 20px 0 0 0;}


form span.progress {
	padding: 3px;
	margin-left: 6px;
	margin-right: 6px;
}

#order-detail-window {
	padding: 0px 10px;
}

/* moved to cl_global.css
.noprint {
	display: none;
}

.printable {
	display: block;
	height: auto;
	background: transparent url(/images/css/pgprintmsg.gif) no-repeat 10px 10px;
	padding-top: 20px;
}
*/