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

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


/* 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; margin-top:5px;}

.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:5px; 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:580px; margin-bottom:20px;}

.listingItemPhotoDIV {text-align:left; width:230px; float:left; }
.listingItemPhotoPicture {border:solid 1px #000000; width:200px; cursor:pointer;}
.ListingItemPhotoMain {vertical-align:top;}
.listingItemDescriptionDIV {width:340px; float:right; margin-bottom:20px; }
.listingItemDescriptionModelNumber {font-size:14px; font-weight:bold; margin-bottom:10px; float:left; margin-right:15px;}
.listingItemDescriptionTitle {font-size:14px; font-weight:bold; text-transform:uppercase; margin-left:0px; margin-bottom:10px;}
.listingItemDescriptionLiteral  {font-size:12px; display:block; margin-bottom:20px; margin-top:10px;}
.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;}

.listingItemDetailsControl {margin-bottom:15px;}


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

.listingContactInfo {margin-top:20px;}
.listingContactText {font-size:12px; font-weight:bold;}
.listingContactNumber {font-size:12px; font-weight:bold; color:Red;}

.listingItemThumbnailContainer {width:160px; text-align:center;}
.thumbnailImage {width:70px; border:thin solid #0c0c0c;} 

.thumbElement
{
    float: left;
    text-align: center;
    margin-right: 1px;
    margin-bottom:5px;
    background-color:#fff;
    padding:0px;
    border: solid 1px #c0c1c1;
    display:inline-block;
	height:auto;
    width:auto;
   
   
}

.thumbWrapper
{
 margin-bottom:15px;
 display:inline-block;
}



.itemDetailsTable {border:solid 1px #cccccc; padding:0px;}

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

.itemQTYField { text-align:center;}
.itemPriceField { text-align:center;}
.itemOnHandField { text-align:center;}
.itemSizeField { text-align:center;}
.itemWhoField { text-align:center;}
.itemUPCField { text-align:center;}
.itemLeadField { text-align:center;}



  
/* RelatedItemsControl.ascx Styles */

.RelatedItemsHeader {font-size:14px; font-weight:bold; text-transform:uppercase; margin-left:0px; margin-bottom:10px;}

.relatedItemsBox {color:#000000; }

.relatedItemsPhotoDIV {margin-left:5px; margin-right:5px; width: 160px; text-align: center}

.relatedItemsDescriptionDIV {margin-left:15px;}

.relatedItemDescriptionStockCode {}  

.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;}
.viewCartButtons {margin-top:20px;}

.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 {border: solid 1px #efefef; margin-bottom:5px; vertical-align:middle;}



/* User Account Information Wizard Styles */

.userAccountInformationContainer {width:350px; border: solid 1px Lime; 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; border: solid 1px Lime; 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; border: solid 1px Lime; 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; border: solid 1px Lime; margin-bottom:40px;}
.accountComplete {display:block; font-size:12px; margin-bottom:15px;}







/* ShoppingCartControl.ascx Styles */


.cartContainer {width:750px; border: solid 1px Lime; 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;}


/* ShoppingCartControl.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;}

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

.userAccountLoginContainer {width:350px; border: solid 1px Lime; 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;}