/** hide header, footer and content on the right side of the screen */

div#headerContainer, div#bottomContent, div#contentContainerFooter, div#sidebarContainer, div#footerContainer {
    display: none;
}
div#rightContainer {
    display: none;
}
div#contentContainerHeader .left ul, div#contentContainerHeader .right {
    display: none;
}
div.modalArrowStoreInfo, div.modalStoreInfo {
    display: none;
}
div.modalMenuPopUp {
    display: none;
}
div.debugData {
    display: none;
}

/** end of hiding common elements */

div#contentContainerHeader .left h2 {
    font-size: 12pt;
    font-weight: bold;
    margin: 10px 0 20px 10px;
    padding: 10px;
}

div#siteWrapper {
    width: 7in; /* 7in = 672px @ 96dpi */
    font-size: 11pt;
}

div#contentWrapper div#leftContent {
    clear: both;
    float: left;
}

/** invoices */
div#invoiceController, div#invoiceAgingController {
    display: none;
}
div#invoiceTable, div#resourceTable, div#cartTable {
    width: 672px;
    height: 100%;
    font-size: 10pt;
}
div#invoiceTable a, div#resourceTable a, div#cartTable a {
    text-decoration: none;
    color: #000;
}

table#invoiceHeader, table#resourceHeader, table#cartHeader {
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-size: 11pt;
}
.invoiceCheck, .invoiceDown, th img, .schedPayCancel, .payInvoiceDown {
    display: none;
}
div#contentWrapper.invoiceTall div#bottomContent {
    display: block;
    width: 500px;
    clear: both;
    float: right;
    margin-top: 20px;
    font-size: 11pt;
}
div#contentWrapper.invoiceTall div#bottomContent div.left, div#contentWrapper.invoiceTall div#bottomContent div.acrobat {
    display: none;
}
div#contentWrapper.invoiceTall div#bottomContent div.right dl {

}
div#contentWrapper.invoiceTall div#bottomContent div.right dl dt {
    width: 350px;
    float: left;
    clear: both;
    margin: 4px 0 0 0;
}
div#contentWrapper.invoiceTall div#bottomContent div.right dl dd {
    width: 150px;
    float: right;
    margin: 4px 0 0 0;
}
table#invoiceBody, table#resourceBody, table#cartBody {
    margin-top: 10px;
}
div#contentWrapper div#leftContent th, div#contentWrapper div#leftContent td {
    padding: 2px 5px 2px 10px;
    vertical-align: middle;
}
div.jScrollPaneContainer {
    height: auto !important;
}
div#invoiceBodyScroller, div#resourceBodyScroller, div#cartBodyScroller {
    position: static !important;
    height: auto;
    /*width: 662px;*/
    width: 7in !important;
}
div.jScrollPaneTrack {
    height: 0;
}

#invoiceTable .salonID 			{	width: 57px;	}
#invoiceTable .invoiceNum 		{	width: 82px;	}
#invoiceTable .invoiceDown 		{	width: 25px;	}
#invoiceTable .invoiceType 		{	width: 64px;	}
#invoiceTable .invoiceDate 		{	width: 85px; text-align: center;	}
#invoiceTable .dueDate 			{	width: 64px; text-align: center;	}
#invoiceTable .grossAmt 		{	width: 72px; text-align: right;	}
#invoiceTable .payCredCard 		{	width: 75px; text-align: right;	}
#invoiceTable .payACH 			{	width: 79px; text-align: right;	}
#invoiceTable .invoiceCheck 	{	width: 35px;	}
#invoiceTable .schedPayStatus 	{	width: 90px;	}
#invoiceTable .schedPayDate 	{	width: 130px; text-align: center;	}
#invoiceTable .schedPayInvNum 	{	width: 139px;	}
#invoiceTable .schedPayMethod 	{	width: 98px;	}
#invoiceTable .schedPayAmt 		{	width: 101px; text-align: right;	}
#invoiceTable .schedPayCancel 	{	width: 60px;	}
#invoiceTable .currBalance 		{	width: 98px; text-align: right;	}
#invoiceTable .lastPayDate 		{	width: 115px; text-align: center;	}
#invoiceTable .lastPayAmt 		{	width: 140px; text-align: right;	}
#invoiceTable .lastInvDate 		{	width: 131px; text-align: center;	}
#invoiceTable .payInvoiceNum 	{	width: 82px;	}
#invoiceTable .payInvoiceDown 	{	width: 22px;	}
#invoiceTable .paySalonID 		{	width: 62px;	}
#invoiceTable .payInvoiceDate 	{	width: 84px; text-align: center;	}
#invoiceTable .payInvoiceType 	{	width: 50px;	}
#invoiceTable .payAmtDue		{	width: 70px; text-align: right;	}
#invoiceTable .payPromptPay 	{	width: 100px;	}
#invoiceTable .payDueDate		{	width: 66px; text-align: center;	}
#invoiceTable .payInvoice 		{	width: 85px; text-align: right;	}
#invoiceTable .payInvoice input {	width: 65px;	}
#invoiceTable .itemNum			{	width: 90px;	}
#invoiceTable .descrip			{	width: 156px;	}
#invoiceTable .itemQty			{	width: 80px; text-align: center;	}
#invoiceTable .taxable			{	width: 75px; text-align: center;	}
#invoiceTable .unitPrice		{	width: 80px; text-align: right;	}
#invoiceTable .extPrice			{	width: 152px; text-align: right;	}
#invoiceTable .schedPayCancel 	{	padding-left: 29px;	}
#invoiceTable .lastPayDate 		{	padding-left: 49px; text-align: center;	}
#invoiceTable .lastInvDate 		{	padding-left: 62px; text-align: center;	}
#invoiceTable .payAmtDue	 	{	padding-right: 18px; text-align: right;	}
#invoiceTable .extPrice			{	padding-right: 12px; text-align: right;	}


/* @group payment info */

#paymentInfoContainer {
    float: left;
    margin-bottom: 20px;
    width: auto;
    font-size: 11pt;
}

#paymentInfoContainer dl {
    width: 186px;
}
#paymentInfoContainer dl.balance {
    width: auto;
}
#paymentInfoContainer dt {
    margin-bottom: 10px;
}
#paymentInfoContainer dl.balance dt {
    visibility: hidden;
}
#paymentInfoContainer dl.balance dd span {
    padding-right: 4px;
}
#paymentInfoContainer dl.balance dd span.total {
    font-weight: bold;
}
/* @end payment info */

/** invoice aging */

div#contentWrapper.invoice div#rightContainer.detail {
    display: block;
    margin-top: 10px;
}
div#contentWrapper.invoice div#rightContainer div#invoiceAgingDetailContainer {
    clear: both;
    float: left;
    margin-top: 30px;
    width: 183px;
}
div#contentWrapper.invoice div#rightContainer div#invoiceAgingDetailContainer img {
    display: none;
}
#rightContainer #invoiceAgingDetailContainer dl {
    float: left;
    margin-bottom: 6px;
}
#rightContainer #invoiceAgingDetailContainer dt {
    clear: both;
    float: left;
    font-size: 10pt;
    margin-bottom: 3px;
    text-align: right;
    width: 102px;
}
#rightContainer #invoiceAgingDetailContainer dd {
    float: right;
    font-size: 10pt;
    margin-bottom: 3px;
    text-align: right;
    width: 79px;
}

.left {
    float: left;
}
.right {
    float: right;
}
#paymentInfoContainer dl {
    font-size: 11pt;
    width: 186px;
}
#paymentInfoContainer dl.shipping {
    width: 212px;
}
#paymentInfoContainer dl.balance {
    width: auto;
}


/** people */

#resourceTable .userName		{	width: 148px;	}
#resourceTable .userEmail		{	width: 246px;	}
#resourceTable .userSalonID		{	width: 80px;	}
#resourceTable .userConcept		{	width: 103px;	}
#resourceTable .userType		{	width: 86px;	}
#resourceTable .orderDate		{	width: 98px; text-align: center;	}
#resourceTable .orderSalonID	{	width: 78px;	}
#resourceTable .orderConcept	{	width: 90px;	}
#resourceTable .orderAmount		{	width: 74px; text-align: right;	}
#resourceTable .orderNum		{	width: 136px;	}
#resourceTable .orderStatus		{	width: 133px;	}

/** resources */
#resourcesContent {
    width: 7in;
    font-size: 11pt;
}
#resourcesContent a {
    text-decoration: none;
}
#resourcesContent p a:after, #resourcesContent ul a:after{
    content: " (" attr(href) ")";
    padding: 0 3px 0 1px;
    color: #000;
}
#resourcesContent h2 {
    margin: 7px 0 7px 0;
    font-weight: bold;
}
#resourcesContent p {
    margin: 10px 0 10px 0;
}
#resourcesContent .left {
    margin-top: 20px;
    float: none;
}
#resourcesContent img {
    display: none;
}


/** order confirmation and order history detail page */

div#checkoutController {
    display: none;
}

/* @group cart table */

#contentContainer #contentWrapper.orderDetail #cartTable .thumbnail,
#contentContainer #contentWrapper.checkout #cartTable .thumbnail 		{	width: 80px;	}
#contentContainer #contentWrapper.orderDetail #cartTable .description,
#contentContainer #contentWrapper.checkout #cartTable .description 		{	width: 324px;	}
#contentContainer #contentWrapper.orderDetail #cartTable .quantity,
#contentContainer #contentWrapper.checkout #cartTable .quantity 		{	width: 51px; text-align: center;	}
#contentContainer #contentWrapper.orderDetail #cartTable .price,
#contentContainer #contentWrapper.checkout #cartTable .price 			{	width: 57px; text-align: right;	}
#contentContainer #contentWrapper.orderDetail #cartTable .subtotal,
#contentContainer #contentWrapper.checkout #cartTable .subtotal 		{	width: 92px; text-align: right;	}

#contentContainer #contentWrapper.orderDetail #cartTable td.thumbnail img,
#contentContainer #contentWrapper.checkout #cartTable td.thumbnail img {
    margin-left: 7px;
}

div#paymentProcess4 {
    display: none;
}

div#contentWrapper.checkout div#rightContainer, div#contentWrapper.orderDetail div#rightContainer {
    display: block;
    margin-top: 20px;
    font-size: 11pt;
    width: 7in;
}
#rightContainer #cartPriceContainer.tallStack {
    clear: both;
    margin: 0 30px 0px 15px;
    width: 205px;
    float: right;
}
#rightContainer #cartPriceContainer dt {
    clear: both;
    float: left;
    margin-bottom: 1px;
    text-align: right;
    width: 125px;
}
#rightContainer #cartPriceContainer dt.total {
    font-weight: bold;
    margin-top: 6px;
    text-transform: uppercase;
}
#rightContainer #cartPriceContainer dt.orderNumber,
#rightContainer #cartPriceContainer dd.orderNumber {
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#rightContainer #cartPriceContainer dd {
    float: right;
    margin-bottom: 1px;
    text-align: right;
    width: 80px;
}
#rightContainer #cartPriceContainer dd.total {
    font-weight: bold;
    margin-top: 7px;
}
#rightContainer #cartPriceContainer input {
    clear: both;
    float: right;
    margin: 9px 1px 0 0;
}

/* order detail */

div#contentWrapper.orderDetail div#rightContainer a {
    text-decoration: none;
    color: #000;
}
#rightContainer #shippingContainer {
    float: left;
    width: 225px;
    margin-left: 60px;
}
#rightContainer #shippingContainer dt {
    clear: both;
    float: left;
    font-weight: bold;
    margin: 0 4px 2px 0;
}
#rightContainer #shippingContainer dd {
    margin: 0 0 2px 0;
}
#rightContainer #shippingContainer dd.status {
    font-weight: bold;
    text-transform: uppercase;
}

div.orderDetail #rightContainer #cartPriceContainer.tallStack {
    clear: none;
    float: right;
}

div#cartPriceContainer input {
    display: none;
}

/** shopping cart */
div#continueShopping, div#quickOrder {
    display: none;
}

#cartTable .availability	{	width: 10px;	}
#cartTable .thumbnail 		{	width: 84px;	}
#cartTable .description 	{	width: 324px;	}
#cartTable .quantity		{	width: 50px; text-align: center;	}
#cartTable .price 			{	width: 58px; text-align: right;	}
#cartTable .subtotal 		{	width: 92px; text-align: right; font-weight: bold;	}
#cartTable .actions 		{	display: none;	}

#cartTable td.availability {
    padding-top: 3px;
}
#cartTable .cartRowTitle h5 {
    font-weight: bold;
    line-height: 1.0;
    margin-bottom: 1px;
}
#cartTable .cartRowDescrip {
    line-height: 1.3;
    margin-top: 7px;
}

div#contentWrapper.cart div#bottomContent {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 20px;
    font-size: 11pt;
}
div#bottomContent div#promoCode, div#bottomContent div.gcInfoContainer, div#bottomContent div#cancelUnavailable {
    display: none;
}
div#bottomContent div#cartCheckout div#cartButtons, div#bottomContent div#cartCheckout a#cartClear {
    display: none;
}

#contentContainer #contentWrapper #leftContent #legend {
    margin: 10px 0 0 30px;
    width: 140px;
    float: left;
}
#contentContainer #contentWrapper #leftContent #legend li {
    display: block;
    list-style-type: none;
    padding-bottom: 2px;
}

#contentContainer.wide #bottomContent #cartCheckout {
    float: right;
    width: 222px;
    margin: 0 60px 15px 15px;
}
#cartCheckout #cartPrice {
    float: left;
    margin-left: 40px;
    width: 180px;
}
#cartCheckout #cartPrice dt {
    clear: both;
    float: left;
    margin-bottom: 1px;
    text-align: right;
    width: 100px;
}
#cartCheckout #cartPrice dt.total {
    font-weight: bold;
    margin-top: 6px;
    text-transform: uppercase;
}
#cartCheckout #cartPrice dd {
    float: right;
    margin-bottom: 1px;
    text-align: right;
    width: 80px;
    margin: 0px;
}
#cartCheckout #cartPrice dd.total {
    font-weight: bold;
    margin-top: 6px;
}


/** search result and product listing page */

div#searchResultsController, div#contentWrapper.resulted div#leftContent {
    display: none;
}
div#contentWrapper.resulted {
    clear: both;
}
div#contentWrapper.resulted div#rightContainer {
    display: block;
    width: 7in !important;
    position: static !important;
    padding: 0 !important;
    clear: both;
}
div.productContainer {
    float: left;
    margin-bottom: 20px;
}

/* @group content wrapper right product */

#contentContainer #contentWrapper #rightContainer div.productContainer img {
    margin-right:  6px;
}

/* @group content wrapper right product preview */
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody {
    float: left;
    width: 560px;
}

/* @group content wrapper right product preview title */
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewTitle {
    margin-bottom: 6px;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewTitle h5 {
    font-weight: bold;
    margin-bottom: 1px;
    font-size: 11pt;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewTitle span {
    /*
    display: block;
    float: left;
    */
    font-size: 10pt;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewTitle span a {
    color: #000;
    text-decoration: none;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewTitle img.productNew {
    margin: 2px 0 0 11px;
}
/* @end content wrapper right product preview title */

/* @group content wrapper right product preview description */
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewDescrip {
    line-height: 1.25em;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewDescrip div.left {
    padding-top: 4px;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewDescrip div.left span {
    font-size: 11pt;
    font-weight: bold;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBody div.productPreviewDescrip div.left span.savings {
    font-weight: normal;
}
/* @end content wrapper right product preview description */

/* @group content wrapper right product preview buy */
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy {
    line-height: 1.4em;
    width: 100%;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy span.savings {
    padding-left: 4px;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy .productPreviewBuyForm {
    float: right;
    margin-top: -2px;
    width: 150px;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy .productPreviewBuyForm label {
    float: left;
    font-size: 10pt;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    width: 75px;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy .productPreviewBuyForm input {
    background: #fff;
    border: 1px solid #b4b4b4;
    clear: both;
    font: 9pt Verdana, "Lucida Grande", Lucida, Helvetica, sans-serif;
    float: left;
    margin: 2px 0 0 1px;
    padding: 1px 5px 2px 5px;
    width: 33px;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy .productPreviewBuyForm a {
    background: no-repeat center left;
    display: block;
    float: left;
    font-size: 9pt;
    font-weight: bold;
    margin: 6px 0 0 8px;
    padding-left: 14px;
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy .productPreviewBuyForm a.buyNow {
    background-image: url(../images/icons/in-stock-badge.jpg);
}
#contentContainer #contentWrapper #rightContainer div.productContainer div.productPreviewBuy .productPreviewBuyForm a.reserve {
    background-image: url(../images/icons/coming-soon-badge.jpg);
    color: #2f4e9d;
}
/* @end content wrapper right product preview buy */
/* @end content wrapper right product preview */
/* @end content wrapper right product */
/* @end content wrapper right */



/** product detail page */

/* @group product detail pricing */
#productDetailContainer {
    font-size: 11pt;
    width: 450px;
    margin-top: 20px;
}

/* @group product detail pricing */
#productDetailContainer #productDetailPricing {
    margin-left: 10px;
}
#productDetailContainer #productDetailPricing p {
    line-height: 1.25;
}
#productDetailContainer #productDetailPricing #productViewTitle {
    margin-bottom: 7px;
}
#productDetailContainer #productDetailPricing #productViewTitle h5 {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}
#productDetailContainer #productDetailPricing #productViewTitle span {
    display: block;
    font-size: 10pt;
}
#productDetailContainer #productDetailPricing #productDetailBuy {
    margin-top: 9px;
}
#productDetailContainer #productDetailPricing #productDetailBuy p.left span {
    display: block;
    margin-top: 2px;
}
#productDetailContainer #productDetailPricing #productDetailBuy p.left span.salons {
    font-weight: bold;
    text-decoration: line-through;
    text-transform: uppercase;
}
#productDetailContainer #productDetailPricing #productDetailBuy p.left span.yours {
    font-weight: bold;
    text-transform: uppercase;
}
#productDetailContainer #productDetailPricing #productDetailBuy p.left span.savings {
    margin: 2px 0 0 8px;
}


/* @group product detail quantity */
#productDetailContainer #productDetailQty {
    margin: 10px 0 0 11px;
    width: 250px;
}
#productDetailContainer #productDetailQty span {
    background: no-repeat center left;
    color: #333;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 12px;
    padding-left: 14px;
    text-transform: uppercase;
}
#productDetailContainer #productDetailQty span.inStock {
    background-image: url(../images/icons/in-stock-badge.jpg);
}
#productDetailContainer #productDetailQty span.comingSoon {
    background-image: url(../images/icons/coming-soon-badge.jpg);
}
#productDetailContainer #productDetailQty input#productQty {
    background: #fff;
    border: 1px solid #b4b4b4;
    color: #817f81;
    font: 10pt Verdana, "Lucida Grande", Lucida, Helvetica, sans-serif;
    margin-right: 5px;
    padding: 1px 5px 2px 5px;
    width: 33px;
}
#productDetailContainer #productDetailQty input {
    display: inline;
}
/* @end product detail quantity */

/* @group product detail promo */
#productDetailContainer #productPromoContainer {
    background: transparent url(../images/product-detail-promo.jpg) no-repeat center center;
    color: #fff;
    font-size: 10pt;
    height: 34px;
    margin: 3px 0 0 6px;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
}
#productDetailContainer #productPromoContainer p {
    margin-top: 8px;
    text-align: center;
}
/* @end product detail promo */

/* @group product detail description */
#productDetailContainer #productDetailDescrip {
    font-size: 10pt;
    margin-top: 9px;
    width: 400px;
    clear: both;
}
#productDetailContainer #productDetailDescrip p {
    line-height: 1.3;
}
#productDetailContainer #productDetailDescrip ul {
    margin: 11px 0 0 11px;
}
#productDetailContainer #productDetailDescrip li {
    background: transparent url(../images/icons/list-bullet.gif) no-repeat left 4px;
    padding: 0 0 3px 10px;
}
/* @end product detail description */
/* @end product detail */