﻿.shopCartHeader {
	background: url(../images/shopCartHeader.gif) no-repeat top left;
	width: 907px;
	height: 18px;
}
.shopCartReviewHeader {
	background: url(../images/checkoutReviewHeader.gif) no-repeat top left;
	width: 907px;
	height: 19px;
}
.itemNumBracLeft
{
	margin: 10px 0px 0px 50px;
	color: #8d8f91;
}

.itemNumBracRight
{
	color: #8d8f91;
}

.itemNum {
	color: #000000;
}

.shopCartWrapper {
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 885px;
	margin: 0 10px 10px 10px;
}

.rentalColumn
{
	width: 375px;
}

.removeColumn
{
	width: 140px;
}

.quantityColumn
{
	width: 100px;
}

.SubtotalColumn
{
	width: 100px;
}

.priceColumn
{
	width: 75px;
}

.title
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}

.important
{
	font-weight: bold;
	color: #4c4c4c;
}

.grey
{
	color: #4c4c4c;
}

.horzBar 
{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #CCCCCC;
	height: 1px;
	width: 100%;
}

.blueTitle
{
	color: #0076BF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.subTitle
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.cancel 
{
	background: url(../images/cancelRO.gif) no-repeat left top;
}

.cancel:hover 
{
	background-position: left bottom;
}

.remove 
{
	background: url(../images/removeRO.gif) no-repeat left top;
}

.remove:hover 
{
	background-position: left bottom;
}


.rentalItem 
{
	background: url(../images/rentalBkg.gif) no-repeat left top;
}

.couponItem
{
	background-color: #f0f0f0;
}

.updateQuantity 
{
	background: url(../images/updateQuanRO.gif) no-repeat left top;
	width: 78px;
	height: 33px;
}

.updateQuantity:hover
{
	background-position: left bottom;
}

.updateSub
{
	background: url(../images/updateSubRO.gif) no-repeat left top;
	width: 78px;
	height: 33px;
}

.updateSub:hover
{
	background-position: left bottom;
}

.couponCode
{
	width: 100px;
}

.contShop
{
	background: url(../images/contShopRO.gif) no-repeat left top;
	width: 152px;
	height: 30px;
}
.contShop:hover 
{
	background-position: left bottom;
}

.checkout
{
	background: url(../images/checkoutRO.gif) no-repeat left top;
	width: 152px;
	height: 30px;

}

.checkout:hover 
{
	background-position: left bottom;
}

.cart
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
}

.compShop
{
	background: url(../images/completePurchaseRO.gif) no-repeat left top;
	width: 152px;
	height: 30px;
}

.compShop:hover
{
	background-position: left bottom;
}

.playLink
{	font-weight: bold;
 	color: #0076bf;
 	text-decoration: underline;
	font-size: 10px;
}


/* OFFERINGS */
h1#subscriptionsHeader {
	background: url(../images/header-subscriptions-packages.gif) no-repeat top left;
	padding:0 10px 0 0;
    text-indent: -9000px;
	height: 18px;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}
#innerCartWrapper 
{
    margin: 0 auto;
    width: 722px;
    padding: 0 71px;
}
#cartHeadings 
{
    padding: 25px 0 7px 0;
    height: 22px;   
}
#subscriptionsHeading,
#packagesHeading
{
    width: 316px;
    height: 22px;
    float: left;
    margin: 0;
}
#subscriptionsHeading 
{
    background:url(../images/heading-subscriptions.jpg) no-repeat;
    padding: 0 85px 0 0;
}
#packagesHeading 
{
    background:url(../images/heading-packages.jpg) no-repeat;
    padding: 0;
}
.subIntro {
    border:1px solid #DDDDDD;
    padding: 15px 10px;
    margin: 0 0 10px 0;
}
.subIntro p {
    margin: 0 0 10px 0;
}
.subIntro ul,
.subIntro ol {
    margin: 0 0 0 30px;
    padding: 0 0 10px 0;
}
.subIntro ul li,
.subIntro ol li{
    line-height: 18px;
}
.packageItems .subIntro {
    margin: 0 0 10px -5px;
    width: 293px;
    height: 424px;
}
.listTitles {
    font-weight: bold;
}
.subscriptionItems /* Left Column */
{
    float: left;
    width: 315px;
}
.packageItems /* Right Column */
{
    float: right;
    width: 315px;
}
.subscriptionItem,
.packageItem 
{
    border-bottom: 1px solid #DDD;
    margin:0 0 7px;
    padding:0 0 7px;
}
.subscriptionItem h3,
.subscriptionItem p,
.packageItem h3,
.packageItem p
{
    font-family: Arial, Sans-Serif;
}
.subscriptionItem h3,
.packageItem h3
{
    font-weight: bold;
    font-size: 12px;  
    margin: 5px 0 0 0;
}
.subscriptionItem p,
.packageItem p
{
    color: #a9a7a7;
    font-size: 11px;
    margin: 0;
}
.packageDownload 
{
    padding: 5px 0 0 3px;
}
.packageDownload a
{
    background: url(../images/icon-arrow-down.png) no-repeat 0 3px;
    padding: 0 0 0 12px;
    color: #000;
    text-decoration: none;
    font-weight:bold;
    font-size: 10px;
}
.packageDownload a:hover
{
    text-decoration: underline;
}
.itemPricing 
{
    margin: 5px 0 0 0;
    color: #0f82da;
    height: 25px;
    font-weight: bold;
    font-size: 14px;
    text-align:right;
}
.priceBlock 
{
    float: right;
    padding: 6px 0 0;
    width: 183px;
}
.addToCartBlock 
{
    float: right;
    width: 120px;
    margin: 0 0 0 10px;
}
.itemPricing a
{
    background: url(../images/btn-addToCart.jpg) no-repeat;
    width: 120px;
    height: 25px;
    font-size: 0;
    display: block;
}
.itemPricing a:hover 
{
    background-position: 0 -25px;
}


/* QUEUE */
.queueWrapper 
{
    width: 865px;
    padding: 10px;
}
.queueWrapper a 
{
    color: #0F82DA;
    text-decoration: none;
    font-size: 14px;
}
.queueWrapper a:hover 
{
    text-decoration: underline;
}
h1#manageQueueHeader {
	background: url(../images/header-manageQueue.gif) no-repeat top left;
	padding:0 10px 0 0;
    text-indent: -9000px;
	height: 18px;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}
#queueAvailNow 
{
    border: 1px solid #DDD;
    padding: 10px;
}
#availNowHeading 
{
    background: url(../images/heading-videos-avail-now.gif) no-repeat;
    text-indent: -9000px;
    margin: 0 0 30px 0;
    padding: 0;
    width: 161px;
    height: 14px;
}
#availNowSubHeadings 
{
    width: 100%;
    height: 13px;
}
#availQueueHeading 
{
    background: url(../images/heading-videos-in-your-queue.gif) no-repeat;
    text-indent: -9000px;
    margin: 0;
    padding: 0;
    width: 161px;
    height: 14px;
    float: left;
}
#column-videoTitle,
#column-availUntil 
{
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    float: left;
}
#column-videoTitle 
{
    background: url(../images/heading-video-title.gif) no-repeat;
    left: 39px;
    width: 70px;
    height: 12px;
}
#column-availUntil 
{
    background: url(../images/heading-avail-until.gif) no-repeat;
    left: 405px;
    width: 96px;
    height: 12px;
}
#queueAvailNow ol,
#videosInQueue ul
{
    padding: 0;
    margin: 0;
    list-style-position: inside;
    position: relative;
}
#queueAvailNow ol li 
{
    padding: 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
    position: relative;
}
#videosInQueue ul li 
{
    list-style-type: none;
}
#queueAvailNow ol li .contentListTitle 
{
    font-weight: normal;
    font-size: 14px;
    margin:0 0 0 17px;
}
#videosInQueue 
{
    padding: 10px;
}

#videosInQueueHeader 
{
    height: 40px;
}
#queueUpdate 
{
    background: url(../images/heading-click-to-update.gif) no-repeat 0 8px;
    float: right;
    width: 300px;
}
#queueUpdate #updateBtn 
{
    width: 99px;
    float: right;
    position: relative;
}
#queue-column-list-order,
#queue-column-video-title,
#queue-column-remove 
{
    position: relative;
}
#queue-column-video-title 
{
    left: 10px;
}
#queue-column-remove 
{
    left: 650px;
}
.queueItemRow 
{
    line-height:34px;
}
.queueItemRow td 
{
    border-bottom: 1px solid #DDD;
}
.queueItemRow a.queueListTitle {
    cursor: default;
}
.queueItemRow a.queueListTitle:hover {
    text-decoration: none;
}
.howToAddVideosHeading {
    background: url(../images/heading-how-to-add-vid.gif) no-repeat;
    text-indent: -9000px;
    margin: 20px 0 5px 0;
    padding: 0;
    height: 16px;

}
/* Queue Buttons */
a.contentListViewNow,
#queueUpdate a 
{
    display: block;
    height: 25px;
    right: 0;
    width: 99px;
    text-indent: -9999px;
}
a.contentListViewNow
{
    background: url(../images/btn-viewNow.gif) no-repeat 0 0;
    top: 5px;
    height: 25px;
    position: absolute;
    width: 99px;
}
#queueUpdate a 
{
    background: url(../images/btn-update.gif) no-repeat 0 0;
    position: relative;
}
a.contentListViewNow:hover,
#queueUpdate a:hover 
{
    background-position: 0 -25px;
}
.queueRemoveButton a 
{
    background: url(../images/icon-remove.gif) no-repeat 0 0;
    width: 15px;
    height: 13px;
    text-indent: -9999px;
    display: block;
}
.queueRemoveButton a:hover
{
    background-position: 0 -13px;
}
#videosInQueue ul.instructionsRemove {
    
    list-style-position: inside;
    margin: 0 0 0 20px;
}
#videosInQueue ul.instructionsRemove li {
    list-style-type: disc;
}
/* Salon Owner Page */
.salonWrapper {
    font-size: 14px;
    padding: 15px 0px 15px 20px;
    width: 865px;
}
h1#salonOwnerHeader {
	background: url(../images/header-manageAccount.gif) no-repeat top left;
	padding:0 10px 0 0;
    text-indent: -9000px;
	height: 18px;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}
.salonWrapper p {
    margin: 0 0 10px 0;
}
.salonList {
    list-style: none;
    padding: 0 0 15px 30px;
}
.blueText {
    color: #087DCE;
}
.salonGroupAccess {
    background: url(../images/heading-groupAccess.gif) no-repeat 0 0;
    text-indent: -9999px;
    width: 844px;
    height: 22px;
    margin: 20px 0 4px 0;
}
.hightlight {
    font-weight: bold;
}
.salonAcctName {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}
.salonGroupRevoke {
    background: url(../images/heading-revokeGroupAccess.gif) no-repeat 0 0;
    text-indent: -9999px;
    width: 844px;
    height: 24px;
    margin: 40px 0 4px 0;
}
.salonWrapper p.labelRow {
    margin: 20px 0 4px 0;
}
.salonWrapper .inputRow {
    height: 26px;
}
.salonWrapper input.salonInputField {
    background: url(../images/bg-input-salon.gif) no-repeat 0 0;
    border: none;
    width: 282px;
    height: 26px;
    padding: 4px 0 0 4px;
    float: left;
}
.salonButton {
    margin: 0;
    float: left;
}
.msgBlock {
    float: left;
    margin: 0 0 0 10px;
    width:353px;
}

