@import url('reset.css');
@import url('navigation.css');
@import url('products.css');
@import url('forms.css');
@import url('jqzoom.css');
@import url('pagination.css');

html, body {
	background-color: #000;
	color: #707070;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

button {
	_behavior: url('/css/csshover.htc');
}

#container {
	margin: 0 auto;
	width: 908px;
}

#top {
	float: left;
	_display: inline;
	margin: 30px 0 0 0;
}

#middle {
	float: left;
	_display: inline;
	background: #000 url('/images/backgrounds/home.jpg') top left no-repeat;
	margin: 12px 0 11px 0;
	_margin-top: 5px; /* weird margin bug */
	min-height: 602px;
	height: auto !important;
	height: 602px;
	width: 100%;
}

#middle-left {
	float: left;
	_display: inline;
}

#middle-right {
	float: left;
	_display: inline;
	width: 705px;
}

.middle-right-goes-full {
	width: 100% !important;
}

#bottom {
	border-top: 1px solid #999;
	float: left;
	_display: inline;
	width: 856px;
}

#footer-nav {
	float: right;
	margin: 3px 0;
}

#footer-nav li {
	float: left;
	margin: 0 11px;
}

#copyright {
	float: right;
}

/* general styles */

p {

}

a {
	color: #707070;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* useful stuff */
.clear {
	clear: both;
	height: 0 !important;
	margin: 0 !important;
	overflow: hidden;
}
.left {
	float: left;
	_display: inline;
}
.first {
	margin-left: 0 !important;
}
.last {
	margin-right: 0 !important;
}

.scrim {
	z-index: 2;
	height: 400px;
	width: 300px;
	position: absolute;
	margin: 12px 0 0 23px;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

.scrim-text {
	position: absolute;
	/*margin: 50px 0 0 50px;*/
	z-index: 3;
}

.scrim-text-wrap {
	margin: 3px 20px 20px 0;
}

.scrim-text-wrap p {
	color: #fff;
	font-size: 11px;
	margin-bottom: 12px;
	line-height: 14px;
}

.scrim-text-wrap h3 {
	color: #ff6666;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 2px;
}

.scrim-text-wrap a {
	color: #ff9999;
}

.scrim-text-wrap ul {
	margin-bottom: 12px;
}

.scrim-text-wrap dl {
	color: #fff;
	margin-bottom: 12px;
	line-height: 13px;
	margin-left: 10px;
}

/* headers */

h4 {
	font-size: 12px;
	margin: 0 0 2px 0;
	_font-weight: normal;
}

h1.header {
	text-indent: -9999px;
	background-repeat: no-repeat;
}

/* privacy - security page and returns and shipping */

.privacy-security #middle, .returns #middle, .shipping #middle {
	background-image: url('/images/backgrounds/privacy-security.jpg');
}

.privacy-security h1.header {
	background-image: url('/images/headers/privacy-security.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 0 23px;
}

.returns h1.header {
	background-image: url('/images/headers/returns-exchange-policy.png');
	width: 339px;
	height: 19px;
	margin: 26px 0 0 23px;
}

.shipping h1.header {
	background-image: url('/images/headers/shipping.png');
	width: 339px;
	height: 19px;
	margin: 26px 0 0 23px;
}

.privacy-security .scrim, .privacy-security .scrim-text, .returns .scrim, .returns .scrim-text, .shipping .scrim, .shipping .scrim-text   {
	width: 394px;
	height: 525px;
}

.privacy-security .jScrollPaneContainer, .returns .jScrollPaneContainer, .shipping .jScrollPaneContainer {
	height: 505px !important;
	width: 390px !important;
}
.shipping table{
	width: 100%;
}
.shipping table th {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px;
}
.shipping table td {
	color: #ffffff;
	font-size: 11px;
	line-height: 14px;
	padding: 2px;
}
/* retail - locations page */

.retail-locations #middle {
	background-image: url('/images/backgrounds/retail-locations.jpg');
}

.retail-locations h1.header {
	background-image: url('/images/headers/retail-locations.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 0 23px;
}

.retail-locations .scrim, .retail-locations .scrim-text  {
	width: 394px;
	height: 525px;
}

.retail-locations .scrim-text-wrap {
	margin-left: 15px;
}

.retail-locations .scrim-text-wrap h3 {
	color: #fff;
}

.retail-locations .scrim-text-wrap a {
	color: #ff6666;
}

.retail-locations .jScrollPaneContainer {
	height: 505px !important;
	width: 390px !important;
}

/* contact us page */

.contact-us #middle {
	background-image: url('/images/backgrounds/contact-us.jpg');
}

.contact-us h1.header {
	background-image: url('/images/headers/contact-us.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 0 281px;
}

.contact-us .scrim, .contact-us .scrim-text  {
	width: 309px !important;
	height: 305px;
}

.contact-us .scrim {
	margin-left: 267px;
}

.contact-us .scrim-text-wrap {
	margin-left: 15px;
}

.contact-us .scrim-text-wrap a {
	color: #ff6666;
}

.contact-us .jScrollPaneContainer {
	height: 287px !important;
	width: 300px !important;
	left: 267px;
}

/* press - releases page */

.press-releases #middle {
	background-image: url('/images/backgrounds/press-release.jpg');
}

.press-releases h1.header {
	background-image: url('/images/headers/press-release.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 0 23px;
}

.press-releases .scrim-text-wrap {
	margin: 0 0 0 15px;
}

.press-releases .scrim-text-wrap dl {
	margin: 0;
}

.press-releases .scrim-text-wrap dt {
	float: left;
	width: 86px;
	margin-top: 8px;
}
.press-releases .scrim-text-wrap dd {
	float: left;
	width: 260px;
	margin-top: 8px;
}
.press-releases .scrim, .press-releases .scrim-text  {
	width: 390px !important;
	height: 525px !important;
}

.press-releases .scrim-text-wrap a {
	color: #ff6666;
}

.press-releases .jScrollPaneContainer {
	height: 508px !important;
	width: 384px !important;
}

/* order-success */
.order-success #middle {
	background-image: url('/images/backgrounds/plus.jpg');
}

.order-success h1.header {
	background-image: url('/images/headers/thank-you.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 0 23px;
}
.order-success .scrim-text-wrap {
	margin: 0 0 0 15px;
}
.order-success .scrim, .order-success .scrim-text  {
	width: 390px !important;
	height: 525px !important;
}

.order-success .scrim-text-wrap a {
	color: #ff6666;
}

.order-success .jScrollPaneContainer {
	height: 508px !important;
	width: 384px !important;
}
/* order-fail */
.order-fail #middle {
	background-image: url('/images/backgrounds/plus.jpg');
}

.order-fail h1.header {
	background-image: url('/images/headers/we-are-sorry.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 0 23px;
}
.order-fail .scrim-text-wrap {
	margin: 0 0 0 15px;
}
.order-fail .scrim, .order-fail .scrim-text  {
	width: 390px !important;
	height: 525px !important;
}

.order-fail .scrim-text-wrap a {
	color: #ff6666;
}

.order-fail .jScrollPaneContainer {
	height: 508px !important;
	width: 384px !important;
}

/* company-info page */

.company-info #middle {
	background-image: url('/images/backgrounds/company-info.jpg');
}

.company-info h1.header {
	background-image: url('/images/headers/company-info.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 0 22px;
}

.company-info .scrim, .company-info .scrim-text  {
	width: 430px !important;
	height: 430px;
}

.company-info .scrim {
	margin-left: 22px;
}

.company-info .scrim-text-wrap {
	margin-left: 15px;
	margin: 10px 30px 0 15px;
}

.company-info .scrim-text-wrap a {
	color: #ff6666;
}

.company-info .scrim-text-wrap p {
	margin-left: 10px;
}

.company-info .jScrollPaneContainer {
	height: 414px !important;
	width: 421px !important;
	left: 22px;
}

/* sign-up page */

.sign-up #middle {
	background-image: url('/images/backgrounds/sign-up.jpg');
}

.sign-up h1.header {
	background-image: url('/images/headers/sign-up-for-email.png');
	width: 322px;
	height: 45px;
	margin: 26px 0 0 30px;
}

/* checkout */
.checkout #middle {
	background-image: none;
}
.checkout h1.header {
	background-image: url('/images/headers/shopping-bag.png');
	width: 322px;
	height: 15px;
	margin: 24px 0 10px 0;
}
.title-bar {
	width: 856px;
	height: 14px;
	padding-top: 2px;
	background-color: #cc7a7a;
}
.bag-item {
	width: 856px;
}
.bag-item div {
	float: left;
	margin-top: 24px;
	color: #fff;
}
.title-bar div {
	float: left;
	color: #000;
}
.bag-item-description {
	margin-left: 12px;
	_display: inline;
	width: 251px;
}
.purchase-confirm .bag-item-description {
	width: 288px;
}
.purchase-confirm .bag-item-promo {
	margin-left: 12px;
	width: 577px;
}
.bag-item-description img {
	float: left;
	margin-right: 14px;
}
.bag-item .bag-item-description {
	margin-top: 12px;
}
.bag-item .bag-item-quantity, .bag-item-remove {
	margin-top: 20px !important;
}
.bag-item-description-text {
	margin-top: 12px !important;
}
.bag-item-color, .bag-item-size, .bag-item-price, .bag-item-quantity {
	width: 88px;
	text-align: center;
}
.bag-item-total {
	width: 80px;
}

.bag-items {
	min-height: 210px;
	height: auto !important;
	height: 210px;
	width: 856px; /* was auto */
}

.subtotal-bar {
	border: 1px solid #ff9999;
	float: left;
	width: 677px;
	margin-top: 12px;
}
.subtotal-label, .subtotal-price {
	float: left;
	line-height: 35px;
	color: #fff;
}
.subtotal-label {
	width: 570px;
	text-align: right;
}
.subtotal-label span, .bag-item-promo-title {
	margin-right: 20px;
}
.subtotal-price {
	background: #402626;
	width: 107px;
	text-align: center;
}

/* purchase - info information */
.purchase-info #middle {
	background-image: none;
}
.purchase-info h1.header {
	background-image: url('/images/headers/billing-shipping-information.png');
	width: 279px;
	height: 15px;
	margin: 24px 0 10px 0;
}

.purchase-info h2 {
	text-transform: uppercase;
	color: #ff6666;
	margin-bottom: 10px;
	font-size: 14px;
}

.billing-information {
	background-color: #000;
	float: left;
	height: 300px;
	width: 400px;
	margin-bottom: 20px;
}

.apply-promo-code {
	float: left;
	clear: left;
	margin-bottom: 20px;
}

.shipping-information {
	background-color: #000;
	float: right;
	height: 300px;
	width: 400px;
	margin-bottom: 20px;	
}

.credit-card-information {
	background-color: #000;
	float: left;
	height: 167px;
	width: 400px;
	margin-bottom: 20px;	
}

.shipping-method {
	background-color: #000;
	float: right;	
	width: 400px;	
}

.purchase-info .label {
	width: 120px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}

.purchase-info .form-item {
	float: left;
}

.purchase-info #middle input {
	color: #000;
	background-image: url('/images/inputs/purchase-info-text.gif');
	width: 180px;
}

.purchase-info .input-radio, .purchase-info .input-checkbox {
	width: auto !important;
	size: auto;
	background-image: none;
	float: left;
	-webkit-transform: scale(1.3,1.3);
}

.purchase-info .checkbox {
	margin-left: 130px;
}

.purchase-info #middle .credit-card-information p {
	color: #fff;
	margin-bottom: 10px;
}

.purchase-info .button-container {
	margin-top: 10px;
	float: right;
}

.purchase-info-form-wrap {
	width: 856px;
}

.form-item .input span, .form-item label span {
	float: left;
	color: #fff;
	margin: 1px 0 0 3px;
	_margin: 2px 0 0 3px;
}

.purchase-info .form-item .input span, .purchase-info .form-item label span {
	float: left;
	color: #fff;
	margin: 3px 0 0 3px;
	_margin: 6px 0 0 3px;
}

.purchase-info .radiobox {
	margin: 0 0 8px 0;
	float: left;
}

#form-messages {
	float: left;
	text-align: left;
	width: 240px;
	height: 36px;
	color: #ff6666;
	line-height: 14px;
}

#telephone1, #telephone2 {
	float: left;
	width: 19px !important;
	margin-left: 3px;
	padding-right: 3px;
}
#telephone3, #telephone4, .input-cc {
	float: left;
	width: 25px !important;
	margin-left: 3px;
	padding-right: 3px;
}
.input-cc {
	margin: 0 3px 0 5px;
}
.first-cc {
	margin: 0 5px 0 0;
}
#telephone4 {
	width: 40px !important;
}

.purchase-info .input {
	width: 188px;
}

.input-exp {
	float: left;
	padding-right: 3px;
	margin-left: 3px;
	width: 25px !important;
}

.exp-month {
	width: 19px !important;
}

.exp-year {
	width: 19px !important;
	margin-right: 3px;
}

.input-cid {
	padding-right: 3px;
	width: 19px !important;
}

.input-zip {
	width: 40px !important;
}

.input-state {
	width: 19px !important;
}

.purchase-info-form-wrap .label span {
	color: #ff6666;
	text-align: right;
	margin: 0 2px 0 0;
	display: inline;
}

.product h2 {
	color: #ff6666;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 0 20px;
}

.apply-promo-code {
	*width: 330px !important;
}

/* purchase-confirm builds off of purchase-info */

.purchase-confirm .billing-information, .purchase-confirm .shipping-information {
	height: 330px;
	margin-bottom: 0;
}
.purchase-confirm .input, .purchase-confirm .label {
	line-height: 14px;
}
.purchase-confirm h1.header {
	background-image: url('/images/headers/confirm-order.gif');
	width: 279px;
	height: 15px;
	margin: 20px 0 12px 0;
}

.purchase-confirm .bag-items {
	height: auto;
	min-height: 0;
}

.purchase-confirm .bag-items .bag-item-quantity {
	margin-top: 24px !important;
}

.purchase-confirm .subtotal-bar {
	width: 100%;
}
.purchase-confirm .subtotal-label {
	width: 749px;
}
.bag-item-other {
	width: 97px;
	text-align: right;
}
.bag-item-promo-title {
	width: 140px;
	text-align: right;
}
.bag-item-other span {
	margin-right: 20px;
}
.purchase-confirm .bag-item-total {
	width: 107px;
	text-align: center;
}

.purchase-confirm .subtotal-bar {
	border-width: 1px 0 0 0;
	margin-top: 24px;
}

.purchase-confirm .subtotal-bar .bag-item, .purchase-confirm .subtotal-bar .bag-item div {
	margin-top: 0 !important;
	line-height: 22px;
}

.purchase-confirm .subtotal-price, .purchase-confirm .subtotal-label {
	line-height: 22px;
}
.purchase-confirm .subtotal-bar .bag-item .bag-item-quantity {
	margin-top: 0 !important;
}
.purchase-confirm .subtotal-bar .bag-item .bag-item-total {
	background: #402626;
}

/* customers */
.customers #middle {
	background-image: none;
}
/* customers - register */
.customers h1.header {
	background-image: url('/images/headers/register.gif');
	width: 215px;
	height: 15px;
	margin: 20px 0 0 0;
}
.customers h1.header-edit {
	background-image: url('/images/headers/edit-account-information.gif');
	width: 223px;
	height: 15px;
	margin: 20px 0 0 0;
	text-indent: -999px;
}

/* customers - login */
.login #middle {
	background-image: none;
}
.login h1.header {
	background-image: url('/images/headers/login.gif');
	width: 215px;
	height: 15px;
	margin: 20px 0 0 0;
}

/* error container */
#error-container {
	background-color: #362f2d;
	border: 2px solid #ff4141;
	margin: 14px 0 0 0;
	/*width: 852px;*/
}
#error-container h2 {
	font-size: 12px;
	letter-spacing: .05em;
	color: #ff6666;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin: 10px 0 0 10px;
}
#error-container dl {
	margin: 0 0 10px 15px;
}
#errors {
	margin: 12px;
}
/*
#errors dt {
	font-size: 12px;
	color: #ff6666;
	text-transform: uppercase;
	margin: 12px 0 6px;	
}*/

#errors dd {
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}

#errors dd strong {
	color: #ff6666;
}

/* my account */
.my-account #middle {
	background-image: none;
}

.my-account h1.header {
	background-image: url('/images/headers/my-account.gif');
	width: 215px;
	height: 15px;
	margin: 20px 0 0 0;
}

/* intimates 
.intimates #middle {
	background-image: url('/images/backgrounds/intimates.jpg');
}
.intimates #middle-left {
	background: none !important;
}*/

/* juniors
.juniors #middle {
	background-image: url('/images/backgrounds/juniors.jpg');
}
.juniors #middle-left {
	background: none !important;
} */

/* plus 
.plus #middle {
	background-image: url('/images/backgrounds/plus.jpg');
}
.plus #middle-left {
	background: none !important;
}*/

/* shapewear 
.shapewear #middle {
	background-image: url('/images/backgrounds/shapewear.jpg');
}
.shapewear #middle-left {
	background: none !important;
}*/

/* sleepwear 
.sleepwear #middle {
	background-image: url('/images/backgrounds/sleepwear.jpg');
}
.sleepwear #middle-left {
	background: none !important;
}*/

/* sale 
.sale #middle {
	background-image: url('/images/backgrounds/sale.jpg');
}
.sale #middle-left {
	background: none !important;
}*/

/* top-right-nav */
#top-right-nav .nav-latest-style {
	float: left;
	text-indent: -9999px;
	width: 94px;
	height: 40px;
	margin: 18px 0 0 0;
}
#top-right-nav .nav-on-sale {
	float: left;
	text-indent: -9999px;
	width: 78px;
	height: 16px;
	margin: 0 0 0 -40px;
}
#top-right-nav .nav-featured-style {
	float: left;
	text-indent: -9999px;
	margin: 0 0 0 0;
	height: 40px;
	width: 120px;
}

/* account details show password */
a#show_password {
	color: #ff4141;
	margin-left: 10px;
	font-size: 11px;
}
/* show order detail */
a.back-to-account {
	float: left;
	margin-bottom: 12px;
	color: #ff4444;
	text-transform: uppercase;
	font-weight: bold;
}

/* account details previous orders */
.previous-orders {
	width: 400px;
}
.previous-orders a {
	color: #ff1111;
}
.previous-orders td {
	color: #222;
	padding: 4px;
}
.previous-orders tr {
	background-color: #ffd2d2;
}
.previous-orders tr.even {
	background-color: #dcb3b3;
}

.account-details-container .column-left, .account-details-container .column-right {
	float: left;
	_display: inline;
	margin-top: 20px;
}

.account-details-container .column-left {
	background: transparent url('/images/backgrounds/my-account-left.gif') no-repeat;
	height: 305px;
	width: 308px;
	padding: 33px;
}

.account-details-container .column-right {
	background: transparent url('/images/backgrounds/my-account-right.gif') no-repeat;
	height: 509px;
	padding: 33px 33px 0 33px;
	margin-left: 26px;
	width: 391px;
}
.my-account .orders {
	float: left;
	height: 430px;
	overflow: hidden !important;	
}
.bag-items p {
	color: #fff;
	margin: 10px 0;
}
.bag-items p a {
	color: #ff9999;
}

/* unapproved-wholesale */

.unapproved-wholesale h1.header {
	background-image: url('/images/headers/we-are-sorry.png');
	width: 215px;
	height: 19px;
	margin: 26px 0 12px 0;
}

.unapproved-wholesale .message a {
	font-size: 11px;
	color: #ff6666;
}

/* order history */

.order-item {
	width: 400px;
}
.order-total {
	color: #fff;
	margin: 3px 0;
	text-transform: uppercase;
}
.order-item a {
	color: #cd5858;
	text-transform: uppercase;
	text-decoration: underline;
}

.order-item span {
	margin-left: 6px;
	text-transform: uppercase;
}

.order-item dt {
	color: #999;
	float: none;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	line-height: 12px;	
}

.order-item dd {
	float: none;
	color: #fff;
	margin: 0;
	line-height: 12px;	
}

.order-item {
	margin: 0 0 10px 0;
}

.hr {
	background: #999;
	height: 0;
	_overflow: hidden;
	margin-bottom: 10px;
	padding-top: 1px;
	width: 380px;
}

/* order history details */

/* purchase-confirm builds off of purchase-info */

.order-history .billing-information, .order-history .shipping-information {
	height: 230px;
	margin-bottom: 0;
}
.order-history .input, .order-history .label {
	line-height: 14px;
}

.order-history .bag-items {
	height: auto;
	min-height: 0;
}

.order-history .bag-items .bag-item-quantity {
	margin-top: 24px !important;
}

.order-history .subtotal-bar {
	width: 100%;
}
.order-history .subtotal-label {
	width: 749px;
}

.order-history .bag-item-total {
	width: 107px;
	text-align: center;
}

.order-history .subtotal-bar {
	border-width: 1px 0 0 0;
	margin-top: 24px;
}

.order-history .subtotal-bar .bag-item, .order-history .subtotal-bar .bag-item div {
	margin-top: 0 !important;
	line-height: 22px;
}

.order-history .subtotal-price, .order-history .subtotal-label {
	line-height: 22px;
}
.order-history .subtotal-bar .bag-item .bag-item-quantity {
	margin-top: 0 !important;
}
.order-history .subtotal-bar .bag-item .bag-item-total {
	background: #402626;
}

div.size-chart {
	background: #000;
	cursor: pointer;
	_cursor: hand;
	display: none;
	position: absolute;
	border: 2px solid #999;
	z-index: 98;
	left: 30%;
	top: 150px;
	text-align: center;
	padding: 10px 0;
}

div.size-chart span {
	color: #ff9999;
}

.display {
	display: block !important;
}

.flip-image {
	cursor: pointer;
	_cursor: hand;
	float: right;
	color: #ff9999;
	margin: 6px 0 0;
}

.sale-color {
  color: #f00;
}

#test {
	display: none;
}