@import url('StyleSheet2.css');
@import url('DevXControlOverrides.css');

* {font-family: Arial, Sans-Serif; font-size:11px;}


/*Shared Control Styles (Alert messages, etc.) */

.Alert {color:Red;}
.ReqField {background-color:#e3f2fe;}




/* CatalogItemDisplayControl.ascx Styles */


.photoControl {text-align:left; width:220px; float:left; height:100%;}

.photoPicture {}

.photoImages {width:220px; text-align:center; display:block;}

.photoViewControls {text-align:center; margin:0 10px;}


.itemDescriptionControl {width:500px; float:right; margin-bottom:20px;}

.itemDescriptionModelNumber {font-size:16px; font-weight:bold; display:block;}

.itemDescriptionTitle {font-size:16px; color:#6699cc; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}

.itemDescriptionText {font-size:12px; display:block; margin-bottom:10px;}

.itemDescriptionOptions {font-size:14px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}

.itemDescriptionSizes {font-size:14px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}

.itemDescriptionOtherTitle {font-size:12px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:5px;}

.itemDescriptionOtherText {font-size:12px; display:block;}


/* AddtoCartControl.ascx Styles */

.addtoCartControl {text-align:center; width:500px; float:right;}

.addToCartIMG {margin-right:10px;}

.phoneText {font-size:16px; font-weight:bold;}


/* ItemDetailObjectListing.ascx Styles */

.objectListingTable {width:500px; float:right; margin-bottom:20px; padding:4px;}



/* CatalogRelatedItemsControl.ascx Styles */

.relatedItemsContainer {clear:both; margin-top:20px; display:inline-block;}

.relatedItemsHeader {width:750px; font-size:18px; font-weight:bold; display:block; margin-bottom:10px;}

.relatedItemsBox {width: 350px; height:200px; margin-top:10px;}

.relatedItemsLeft {float:left; width:100px;}
.relatedItemsLeft {float:right;}


.relatedItemsBoxALT {width: 350px; height:200px; background-color:#efefef;}

.relatedItemsPhoto {float:left; margin-right:20px; height:100%}

.relatedItemsTitle {font-size:12px; display:block; margin-bottom:5px;}

.relatedItemsText {font-size:12px; display:block; margin-bottom:5px;}

.relatedItemsPrice {font-size:12px; display:block; margin-bottom:5px;}

.relatedItemsSize {font-size:12px; display:block; margin-bottom:5px;}

.relatedItemsColors {font-size:12px; display:block; margin-bottom:5px;}


/* SubCategoryHeaderBlock.ascx Styles */

.subCategoryHeaderDiv {width: 220px; border: solid 1px #efefef;}

.subCategoryTitle {font-size:16px; color:#6699cc;font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}

.subCategoryDescriptionText {font-size:14px; display:block; margin-bottom:10px;}


/* SubCategoryItemDisplayControl.ascx Styles */

.subCategoryItemBox {width: 220px; border: solid 1px #efefef;}

.subCategoryPhotoDiv {text-align:left; width:120px; float:left; height:100%;}

.subCategoryItemPhoto {margin-bottom:20px; display:block;}

.subCategoryDetailDiv {width:320px; float:right; margin-bottom:20px;}

.subCategoryItemTitle {font-size:14px; color:#6699cc;font-weight:bold; display:block; margin-bottom:10px;}

.subCategoryItemDescription {font-size:11px; margin-bottom:10px; display:block;}

.subCategoryButton {text-align:center; display:block;}


/* PageNavitationControl.ascx Styles */

.pageNavigationControl {display:block; margin: 10px 0; height:30px;}

.pageNavigationNumber {font-size:12px;}

.firstPageImage {vertical-align:middle; margin-right:4px;}

.lastPageImage {vertical-align:middle; margin-left:4px;}

.pageNavigationDivider {margin:0 4px; color:#333333;}


/* ListingControl.ascx Styles */

.ListingItemBox {width:550px; margin-bottom:40px;}

.listingItemPhotoDIV {text-align:left; width:210px; float:left;}

.listingItemPhotoPicture {border:solid 1px #000000; width:200px; cursor: url("/App_Themes/costumegallery/Images/zoom.cur"), pointer;}

.listingItemPhotoCaption {margin:5px 0 0 30px; text-indent:14px; font-size:10px; color: #666666; display:block; background-image: url("/App_Themes/costumegallery/Images/enlarge.png"); background-repeat:no-repeat; width:160px; display:block;}

.listingItemDescriptionDIV {width:320px; float:right; margin-bottom:20px; }
.listingItemDescriptionModelNumber {font-size:12px; font-weight:bold; margin-bottom:10px; float:left; margin-right:15px;}
.listingItemDescriptionTitle {color: #570f82; font-size:12px; font-weight:bold; margin-left:0px; margin-bottom:10px;}
.listingItemDescriptionLiteral P {font-size:12px; display:block; margin-bottom:20px;}
.listingItemDescriptionOptions {font-size:14px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}
.listingItemDescriptionSizes {font-size:14px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}
.listingItemDescriptionStockCode {font-weight:bold; color: #000000; display:block; margin-bottom:5px;}

.listingItemDetailsControl {margin:20px 0;}


.detailsControl {text-align:center; width:320px; float:right;}
.detailsButtonIMG {margin-right:10px;}

.listingItemThumbnailContainer {width:200px; text-align:center; margin-top:20px; border:solid 0px #999999; }
.thumbnailImage {padding:2px; text-align:center; vertical-align:middle; }


.itemDetailsTable {padding:0; border:solid 1px #999999; border-collapse:collapse; padding:2px;}

.itemQTYLabel {width:35px; font-weight:bold; background-color:#efefef; font-size:11px;}
.itemPriceLabel {width:60px; font-weight:bold; background-color:#efefef; font-size:11px;}
.itemOnHandLabel {width:70px; font-weight:bold; background-color:#efefef; font-size:11px;}
.itemSizeLabel {width:40px; font-weight:bold; background-color:#efefef; font-size:11px;}
.itemWhoLabel {width:40px; font-weight:bold; background-color:#efefef; font-size:11px;}
.itemUPCLabel {width:200px; font-weight:bold; background-color:#efefef; font-size:11px;}
.itemLeadLabel {width:100px; font-weight:bold; background-color:#efefef; font-size:11px;}

.itemQTYField {}
.itemPriceField {}
.itemOnHandField {}
.itemSizeField {}
.itemWhoField {}
.itemUPCField {}
.itemLeadField {}



  
/* RelatedItemsControl.ascx Styles */


.relatedItemsBox { width:100%}

.RelatedItemsHeader {font-size:12px; font-weight:bold; margin-left:10px; margin-bottom:10px;}

.relatedItemsPhotoDIV {margin:15px;}

.relatedItemsDescriptionDIV {margin-left:15px;} 

.relatedItemDescriptionStockCode {font-weight:bold;}  

.relatedItemDescriptionTitle {} 

.relatedItemDescriptionLiteral {}




/* ViewCartControl.ascx Styles */

.viewCartBox {margin-top:10px;}
.viewCartTitle {font-size:14px; font-weight:bold; text-transform:uppercase; margin-left:0px; margin-bottom:10px;}
.viewCartDataView {margin-top:10px;}
.viewCartSavedText {margin-top:10px; float:left;}
.viewCartButtons {margin-top:10px; float:right; text-align:right;}

.viewCartTable {padding:0; border:solid 1px #999999; border-collapse:collapse; padding:2px;}

.cartQTYLabel {width:35px; font-weight:bold; background-color:#efefef; font-size:11px;}
.cartPriceLabel {width:100px; font-weight:bold; background-color:#efefef; font-size:11px;}
.cartOnHandLabel {width:100px; font-weight:bold; background-color:#efefef; font-size:11px;}
.cartSizeLabel {width:60px; font-weight:bold; background-color:#efefef; font-size:11px;}
.cartWhoLabel {width:60px; font-weight:bold; background-color:#efefef; font-size:11px;}
.cartUPCLabel {width:200px; font-weight:bold; background-color:#efefef; font-size:11px;}
.cartLeadLabel {width:100px; font-weight:bold; background-color:#efefef; font-size:11px;}

.cartQTYField {}
.cartPriceField {}
.cartOnHandField {}
.cartSizeField {}
.cartWhoField {}
.cartUPCField {}
.cartLeadField {}





/* UserRegistrationControl.ascx Styles */

.accountInfoFORMLine {margin-bottom:5px; vertical-align:middle;}



/* User Account Information Wizard Styles */

.userAccountInformationContainer {width:350px; margin-bottom:40px;}

/* #### Uncomment these classes to put the form labels and fields on top of each other #### */
/*
.userNameLabel {display:block; font-size:12px; margin-bottom:5px;}

.emailLabel {display:block; font-size:12px; margin-bottom:5px;}

.passwordLabel {display:block; font-size:12px; margin-bottom:5px;}

.confirmPasswordLabel {display:block; font-size:12px; margin-bottom:5px;}

.questionLabel {display:block; font-size:12px; margin-bottom:5px;}

.answerLabel {display:block; font-size:12px; margin-bottom:5px;}
*/

/* #### Uncomment these classes to put the form labels and fields side-by-side #### */

.userNameLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.emailLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.passwordLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.confirmPasswordLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.questionLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.answerLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}


.userNameField {border:solid 1px #666666;}

.emailField {border:solid 1px #666666;}

.passwordField {border:solid 1px #666666;}

.confirmPasswordField {border:solid 1px #666666;}

.questionField {border:solid 1px #666666;}

.answerField {border:solid 1px #666666;}





/* User Account Profile Wizard Styles */


.userAccountProfileContainer {width:350px; margin-bottom:40px;}


/* #### Uncomment these classes to put the form labels and fields on top of each other #### */
/*
.firstNameLabel {display:block; font-size:12px; margin-bottom:5px;}

.lastNameLabel {display:block; font-size:12px; margin-bottom:5px;}

.primaryPhoneLabel {display:block; font-size:12px; margin-bottom:5px;}

.altPhoneLabel {display:block; font-size:12px; margin-bottom:5px;}
*/


/* #### Uncomment these classes to put the form labels and fields side-by-side #### */

.firstNameLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.lastNameLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.primaryPhoneLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.altPhoneLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}


.firstNameField {border:solid 1px #666666;}

.lastNameField {border:solid 1px #666666;}

.primaryPhoneField {border:solid 1px #666666;}

.altPhoneField {border:solid 1px #666666;}





/* User Account ID and PIN Wizard Styles */

.userAccountIDandPINContainer {width:350px; margin-bottom:40px;}

.IDandPINDescription {display:block; font-size:12px; margin-bottom:15px;}


/* #### Uncomment these classes to put the form labels and fields on top of each other #### */
/*
.customerNumberLabel {display:block; font-size:12px; margin-bottom:5px;}

.PINNumberLabel {display:block; font-size:12px; margin-bottom:5px;}
*/



/* #### Uncomment these classes to put the form labels and fields side-by-side #### */

.customerNumberLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:200px;}

.PINNumberLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:200px;}



.customerNumberField {border:solid 1px #666666;}

.PINNumberField {border:solid 1px #666666;}



/* userAccountComplete Styles */

.userAccountCompleteContainer {width:350px; margin-bottom:40px;}
.accountComplete {display:block; font-size:12px; margin-bottom:15px;}







/* ShoppingCartControl.ascx Styles */


.cartContainer {width:580px; margin-bottom:40px;}

.cartErrorMsg {border: solid 1px Red; display:block; margin: 10px 50px; padding:6px; text-align:center;}

.cartTable{border: solid 1px #808080;}

.cartTable TD {padding:6px; border:solid 1px #efefef;}

.cartItemId {font-size:16px; font-weight:bold; margin-right:10px; color:#6699cc;}

.cartItemName {font-size:16px; font-weight:bold; color:#e4d9e8;}

.cartItemLabels {color:Navy;}

.cartUPCCell {width:20px; background-color:#efefef;}

.cartDescriptionCell {width:265px; background-color:#efefef;}

.cartColorCell {width:20px; background-color:#efefef;}

.cartSizeCell {width:40px; background-color:#efefef;}

.cartPriceCell {width:80px; background-color:#efefef;}

.cartQTYCell {width:20px; background-color:#efefef;}

.cartSubtotalCell {width:80px; background-color:#efefef;}

.cartDeleteCell {width:20px; background-color:#efefef;}

.cartAvailability {font-size:11px; color:red;}

.cartLeadTime {font-size:11px; margin-left:10px; }

.cartTableTitleCell {background-color:#decfe4;}

.cartFootnotes {font-size:10px; margin: 20px 0; display:block;}

.cartDisclaimerDIV {width:500px;}

.cartDisclaimerTitle {font-size:12px; font-weight:bold; margin: 10px 0; display:block;}

.cartFastDeliveryMsg {font-size:12px; font-weight:bold; margin: 10px 0; display:block;}

.cartButtonDIV {text-align:center;}
.cartButtonReturn {}
.cartButtonRecalc {}
.cartButtonSave {}
.cartButtonCancel {}
.cartButtonBuyIt {margin-left:50px;}


/* ShoppingCartSavedControl.ascx Styles  - Some styles shared with ShoppingCartControl.ascx (above) */ 

.cartTableHighlight {background-color:#efefef;}

.cartSavedFor {font-size:14px; font-weight:bold; text-transform:uppercase; color:#6699cc;}

.cartIDCell {width:40px; background-color:#efefef;}

.cartNameCell {width:200px; background-color:#efefef;}

.cartCreatedOnCell {width:60px; background-color:#efefef;}

.cartSummaryCell {width:60px; background-color:#efefef;}

.CartButtonCell {background-color:#efefef;}

.cartTableTitleCell {background-color:#e4d9e8;}

.cartFootnotes {font-size:10px; margin: 20px 0; display:block;}



/* UserLoginControl.ascx Styles */ 

 
.loginInfoFORMLine {border: solid 1px #efefef; margin-bottom:5px; vertical-align:middle;}

.userAccountLoginContainer {width:350px; margin-bottom:40px; }

.userLoginFieldsContainer {}

.loginNameLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.loginNameField {border:solid 1px #666666;}

.loginPasswordLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.loginPasswordField {border:solid 1px #666666;}

.loginFailureText {color:red;}




/* UserRecoverUsernameControl.ascx Styles */

.userRecoverUsernameContainer {width:350px; margin-bottom:40px;}

.userRecoverUsernameContent {display:block; text-align:center; margin: 10px 0;}

.userRecoverUsernameSubmit {display:block; text-align:center; margin: 10px 0;}

.userRecoverUsernameResult {display:block; margin-top:10px;}



/* UserRecoverPasswordControl.ascx Styles */

.userRecoverPasswordContainer {width:350px; margin-bottom:40px; }

.userRecoverPasswordTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}

.userRecoverPasswordInstr {display:block; margin: 10px 0;}

.userRecoverPasswordLabel {font-weight:bold; margin-right:10px;}

.userRecoverPasswordCaptchaIMG {display:block; text-align:center; margin:10px 0;}
.userRecoverPasswordField {display:block; text-align:center;}

.userRecoverPasswordNameSubmit {display:block; text-align:center; margin:40px 0;}
.userRecoverPasswordNameResult {display:block; margin:10px 0;}





/* UserEditProfileControl.ascx Styles */


.userEditProfileContainer {width:350px; margin-bottom:40px;}

.userEditProfileTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}

.userEditProfileButtons {display:block; margin:10px 0; text-align:center;}



/* #### Uncomment these classes to put the form labels and fields on top of each other #### */

/*
.editProfileUserNameLabel {display:block; font-size:12px; margin-bottom:5px;}

.editProfileEmailLabel {display:block; font-size:12px; margin-bottom:5px;}

.editProfileFirstNameLabel {display:block; font-size:12px; margin-bottom:5px;}

.editProfileLastNameLabel {display:block; font-size:12px; margin-bottom:5px;}

.editProfilePrimaryPhoneLabel {display:block; font-size:12px; margin-bottom:5px;}

.editProfileAltPhoneLabel {display:block; font-size:12px; margin-bottom:5px;}

.editProfileCustNumberLabel {display:block; font-size:12px; margin-bottom:5px;}

.editProfilePINLabel {display:block; font-size:12px; margin-bottom:5px;}
*/


/* #### Uncomment these classes to put the form labels and fields side-by-side #### */



.editProfileUserNameLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.editProfileEmailLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.editProfileFirstNameLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.editProfileLastNameLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.editProfilePrimaryPhoneLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.editProfileAltPhoneLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.editProfileCustNumberLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.editProfilePINLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}



.editProfileUserNameField {border:solid 1px #666666; background-color:#e3f2fe;}

.editProfileEmailField {border:solid 1px #666666; background-color:#e3f2fe;}

.editProfileFirstNameField {border:solid 1px #666666; background-color:#e3f2fe;}

.editProfileLastNameField {border:solid 1px #666666; background-color:#e3f2fe;}

.editProfilePrimaryPhoneField {border:solid 1px #666666; background-color:#e3f2fe; }

.editProfileAltPhoneField {border:solid 1px #666666;}

.editProfileCustNumberField {border:solid 1px #666666; background-color:#e3f2fe;}

.editProfilePINField {border:solid 1px #666666; background-color:#e3f2fe;}


/* UserChangePasswordControl.ascx Styles */


.userChangePasswordContainer {width:350px; margin-bottom:40px;}

.changePasswordTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}

.changePasswordButtons {display:block; margin:10px 0; text-align:center;}

.changePasswordCurrentLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.changePasswordCurrentField {border:solid 1px #666666;}

.changePasswordNewLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.changePasswordNewField {border:solid 1px #666666;}

.changePasswordConfirmLabel {display:inline-block; font-size:12px; margin-bottom:5px; width:120px;}

.changePasswordConfirmField {border:solid 1px #666666;}


/* CheckoutCustomerPaymentControl.ascx Styles */

.checkoutShippingInfoTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}

.checkoutBillingInfoTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}

.checkoutShippingOptionsTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}

.checkoutPromotionsTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}

.checkoutPaymentInfoTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}



/* Novo.Core UserLoginControl.cs*/ 

 
.userLogin {margin-top:10px;}
 
.userLogin TD {padding:6px 0;}


/* customerfailure.cs */

.failureTitle {display:block; font-size:12px; font-weight:bold; margin:10px 0;}
 
 
/*CheckoutViewOrderControl */
.ViewOrderPrint {height:27px; width:76px;margin: 10px 0; background-repeat: no-repeat;}