/*****  FONT FAMILY  *****/

.copyReg, .copyBold,
.header, .section,
.label, .field,
.listHeader, .listItem, .listItemAlt,
.choice, .choiceHover,
.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix,
.tabOn, .tabOff,
.navMenuOne, .navMenuTwo,
.menuOff, .menuOn,
.itemName, .itemOccasion,
.linkWhite,
.searchReg, .searchBold,
.error, .required
	{font-family:Verdana, Arial, Helvetica}
	
.textLineField	 
	 {font-family:Verneva, Verdana, Arial, Helvetica}

/*****  FONT SIZE  *****/

.required
	{font-size:14px;}

.itemName
	{font-size:13px;}

.header,
.itemOccasion,
.searchReg, .searchBold
	{font-size:12px;}

.copyReg, .copyBold,
.section,
.label, .field,
.choice, .choiceHover,
.listHeader, .listItem, .listItemAlt,
.linkWhite,
.error,
.textLineField
	{font-size:11px;}

.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix,
.tabOn, .tabOff,
.navMenuOne, .navMenuTwo,
.menuOff, .menuOn
	{font-size:10px;}

.sectionDivider, .sectionDividerLeftEnd, .sectionDividerRightEnd
	{font-size:6px;}

	
/*****  FONT WEIGHT  *****/

.copyReg,
.field,
.linkWhite,
.searchReg
	{font-weight: 400;}

.copyBold,
.header,
.label,
.listHeader,
.choice, .choiceHover,
.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix,
.tabOn, .tabOff,
.navMenuOne, .navMenuTwo,
.menuOff, .menuOn,
.itemName,
.searchBold,
.error, .required
	{font-weight: 700;}

/*****  TEXT DECORATION *****/

.choice, .choiceHover,
.searchReg, .searchBold
	{text-decoration:none;} 

/*****  FONT COLOR  *****/
.copyReg, .copyBold,
.label, .field,
.header,
.listHeader, .listItem, .listItemAlt,
.choice, 
.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix,
.tabOff,
.navMenuOne, .navMenuTwo,
.menuOff, .menuOn,
.itemName, .itemOccasion,
.searchReg, .searchBold
	{color: #333333;}

.navMenuOne, .navMenuTwo
	{color: #666666;}

.choiceHover,
.tabOn,
.linkWhite
	{color: #FFFFFF;}

.error, .required
	{color: #CC0000;}

.field
	{color:#000000;}

/*****  BACKGROUND COLORS AND IMAGES  *****/

.choiceHover
	{background-color: #999999;}
	
.choice
	{background-color: #CCCCCC;}

.header
	{background-color: #A9A9A9;}

.tabOn
	{background-color: #999999;}

.quadSelected
	{background-color: #CCCCCC;}

.navMenuTwo, .menuOn,
.changeForAll,
.buttonTwo,
.backgroundPopup,
BODY
	{background-color: #FFFFFF;}

.selected
	{background-color: #CCCCCC;}

.buttonFour
	{background-color: #CCCCCC;}

.tabOff,
.test
	{background-color: #CCCCCC;}

.listItemAlt,
.navMenuOne, .menuOff, .section, .listHeader, .sectionDivider, 
.buttonFive, .buttonSix, 
.backgroundTop, .headerGraphic
	{background-color: #E5E5E5;}

.buttonOne
	{background-color: #FFFFFF;}

.sectionDivider, .sectionDividerLeftEnd, .sectionDividerRightEnd
	{background-color: #E5E5E5;}

.highlight,
.quad,
.listItem,
.wordingDefault
	{background-color: #FFFFFF;}

.backgroundWhite
	{background-color: #FFFFFF}

.choiceDisplay,
.buttonThree
	{background-color: #FFFFFF;}

.textLineAlt, .textLineAltLeftEnd, .textLineAltRightEnd
	{
	background-image: url(Content/Tiffany/Images/background_textLine.gif);
	background-repeat:repeat-x;
	}

.textLine, .textLineLeftEnd, .textLineRightEnd
	{
	background-image: url(Content/Tiffany/Images/background_textLine.gif);
	background-repeat:repeat-x;
	}

.item, .itemLeftEnd, .itemRightEnd
	{
	background-color:#E5E5E5;
	background-image:url(Content/Tiffany/Images/background_item.gif);
	background-repeat:repeat-x;
	}

.altItem, .altItemLeftEnd, .altItemRightEnd
	{
	background-color:#ECECEC;
	background-image:url(Content/Tiffany/Images/background_altItem.gif);
	background-repeat:repeat-x;
	}

.noBackgroundImage
	{
	background-image: none;
	}

/*****  BORDERS  *****/

.tableOutline,
.frameStyle,
.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix
	{border-color: #999999;}

.tabOn
	{border-color: #DCDCD2;}

.tabOff
	{border-color: #8C8E9C;}

.tableOutline,
.frameStyle,
.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix,
.tabOn, .tabOff
	{border-style: solid;}

.tableOutline,
.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix
	{border-width: 1px;}

.tabOn, .tabOff
	{border-width: 1px;}

.frameStyle
	{border-width: 3px;}

.choice, .choiceHover
	{border-bottom:1px solid #333333;}

.choice, .choiceHover, .backgroundWhite
	{border-right:1px solid #333333;}
	
.sectionDividerLeftEnd, 
.textLineLeftEnd,
.textLineAltLeftEnd,
.textDefault, 
.wordingDefault
	{border-left:1px solid #999999;}

.sectionDividerRightEnd, 
.textLineRightEnd,
.textLineAltRightEnd,
.textDefault,
.wordingDefault
	{border-right:1px solid #999999;}
	
.changeForAll
	{
	border:0px solid #999999;
	}
	
.borderBottomLight
	{
	border-bottom:1px solid #999999;
	}
	
.menuOff, .menuOn
	{
	border: 1px solid #FFFFFF;
	}

.navMenuOne, .navMenuTwo
	{
	border: 1px solid #999999;
	}

.backgroundTop
	{
	border-bottom: 1px solid #999999;
	}
	
.barCodeHeader
	{border-right:1px solid #8C8E9C;
	border-left:1px solid #8C8E9C;
	border-top:1px solid #8C8E9C;}

.barCodeFooter
	{border-right:1px solid #8C8E9C;
	border-left:1px solid #8C8E9C;
	border-bottom:1px solid #8C8E9C;}

.barCodeBorders
	{border-right:1px solid #8C8E9C;
	border-left:1px solid #8C8E9C;}

.barCodeCell
	{border-right:1px solid #8C8E9C;
	border-left:1px solid #8C8E9C;
	border-top:1px solid #8C8E9C;
	border-bottom:1px solid #8C8E9C;}

/*****  MARGINS  *****/

BODY
	{margin:0px;}

.backgroundPopup
	{margin:10px;}

.tabOn, .tabOff
	{margin-right:2px;}

/*****  PADDING  *****/
.sectionDivider, .sectionDividerLeftEnd, .sectionDividerRightEnd,
.textLine, .textLineLeftEnd, .textLineRightEnd,
.textLineAlt, .textLineAltLeftEnd, .textLineAltRightEnd,
.textDefault,
.wordingDefault
	{padding-left:5px;
	padding-right:5px;}

.header,
.listHeader, .listItem, .listItemAlt,
.selected,
.choice, .choiceHover
	{padding:6px;}

.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive, .buttonSix,
.tabOn, .tabOff,
.navMenuOne, .navMenuTwo,
.menuOff, .menuOn
	{padding:6px;}

.header, .headerGraphic
	{padding-left:10px;
	padding-right:10px;}
	
.backgroundWhite
	{padding-top:10px;
	padding-bottom:10px;}

.section, .highlight
	{padding:15px;}

.noVerticalPadding
	{
	padding-top:0px;
	padding-bottom:0px;
	}
	
.noPadding
	{padding:0px;}

/* CONTAINER WIDTHS and HEIGHTS - 
Use this on the A tag inside of a TD tag. 
The A tag will fill the width of the table cell and carry
all formatting with it.
Used so that we don't have to keep track of style formatting on the A tag and the TD tag -- ONLY the A tag.
*/
.choice, .choiceHover
	{width:100%;}

.selected
	{height:45px;}

.scrollingList 
	{height:295px;
	overflow-y:auto;}

/* DISPLAY: HOW THE OBJECT IS RENDERED: NONE; BLOCK; INLINE; 
	
.navMenuOne, .navMenuTwo
	{display:inline;}

.menuOff, .menuOn
	{display:block;}

*/
	
/* TEXT ALIGN: CHANGES THE ALIGNMNET CASCADE*/
	
.navMenuOne, .navMenuTwo
	{text-align:left;}

.menuOff, .menuOn
	{text-align:left;}
	
/* CURSOR: IMMITATE LINKS????  */
	
.buttonOne, .buttonTwo, .buttonThree, .buttonFour, .buttonFive,
.tabOn, .tabOff,
.navMenuOne, .navMenuTwo,
.menuOff, .menuOn,
.cursorHand
	{cursor:hand;}
	
/* **************   ELEMENT BASED PROPERTIES   ************** */

/* FOR CHOOSE POSITION QUADRANT MAP */

#TL, #TC, #TR, 
#CL, #CC, #CR, 
#BL, #BC, #BR
	{padding:0px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;}

/* IFRAME POPUP COORDINATES AND POSITIONING */

#popupIframe, 
#printProof,
#popupIframeSmall
	{
	position:absolute;
	visibility:hidden;
	}

#popupIframe,
#printProof
	{
	height:525;
	width:850;
	}

#popupIframeSmall
	{
	height:200;
	width:500;
	}

/*************** BEHAVIOR BASED PROPERTIES ***************/

/* ******* LINKS TO SCRIPTS STORED IN .HTC FILES ***********************/
/* ******* SCRIPTS CALLED BASED ON CLASS NAME AND ATTACHED EVENTS ******/

.choice, .choiceHover,
.imageMouseover
	{behavior: url('htc files/script_mouseImageText.htc');
	cursor:hand;}
	
.noSelect
	{cursor:default;}
	

/* ************** TIFFANY/CRANE CSS ADD ONs MOVE LATER  pb ************** */

.tableOutlineExp
	{border: solid 0px #FFFFFF;}

.sectionDividerExp,
.sectionDividerRightEnd, .sectionDividerLeftEnd
	{background-color:#FFFFFF;
	padding-left:5px; padding-right:5px;}
	
.sectionDividerProd
	{background-color:#CCCCCC;}

.headerExp
	{background-color:#E5E5E5;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:700;}

.linkWhite
	{color:#333333;}
	
A.hoverLink
	{text-decoration:none;
		color:#333333;}

A.hoverLink:hover
	{text-decoration:underline;}

a img 
{
   border: none;
}

.ctr-button-primary--color {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #333333 !important;
}