/* Style Sheet Definitions for New Interface */
body
{
	margin: 0px;
	font-family: Arial;
        background-color: white;
}

/* Definition used for standard error messages displayed */
.Error
{
	font-size: 9pt;
        font-weight: bold;
	color: #990000;
}

.HeaderTable
{
       background-color: #537656;
       border-bottom: 0px;
       border-bottom-style: solid;
       border-bottom-color: #537656;
       background: url(http://alpha.cardinthebox.com/citbp/RetailerImages/76/spacer.jpg); 
       background-repeat: no-repeat;
       height: 84px;
       width: 766px;	

}

.CatalogHeader
{

      color: white;
      text-align: center;
  

}

/* Definition for standard command buttons */
.CommandButton
{
	padding: 5pt;
	cursor: pointer;

}

.BrowseButton
{
	
	cursor: pointer;

}

/* Definition used specifically for the Add to cart button */
.CartButton
{
	background-color: #990000;
	color: #ffffff;
	border-width: 1px;
	font-weight: bold;
	font-family: arial;
	font-size: 9pt;
	padding: 0em;
	cursor: hand;
}

/* Definition for all sub heading labels */
.SubHeader
{
	font-weight: bold;
	font-size: 8pt;
        color: #5A5A5A;
}

/* Definition for panel headers */
.NormalHeader
{
	font-weight: bold;
	font-size: 10pt;
        color: #5A5A5A;
}

/* Definition for general text labels */
.Normal
{
	font-weight: normal;
	font-size: 8pt;
        color: #5A5A5A;
}

/* Definition for drop down text */
.NormalDD
{
	font-size: 9pt;
	font-weight: normal;
        color: #5A5A5A;
}

a.Normal
{
	font-family: arial;
	font-size: 9pt;
	color: #5A5A5A;
}

a.Normal:visited
{
	font-family: arial;
	font-size: 9pt;
	color: #5A5A5A;
}

.SuggestedMessages
{
	font-weight: bold;
	font-size: 10pt;
        color: #5A5A5A;
        border: 0px;
	border-style: solid;
	border-color: #767676;
	background: #F7F5DE;
}

/* Elements are nested for the table columns to have the dotted border */
.NormalRB TR TD
{
	font-family: arial;
	font-size: 8pt;
	color: #5A5A5A;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

.RowSeparator
{
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

.TopRowSeparator
{
	border-top: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
}

.ColumnSeparatorR
{
	border-right: 1px;
	border-right-color: #cccccc;
	border-right-style: dotted;
}

.ColumnSeparatorL
{
	border-right: 1px;
	border-right-color: #cccccc;
	border-right-style: dotted;
}

.ColumnSeparatorLR
{
	border-right: 1px;
	border-right-color: #cccccc;
	border-right-style: dotted;
	border-left: 1px;
	border-left-color: #cccccc;
	border-left-style: dotted;
}

.PageHeader
{
	font-family: arial;
	font-weight: bold;
	font-size: 20pt;
	color: #5A5A5A;
}

/* Definition for scrollable area */
div.Scrollable
{
	height: 130px;
	overflow: auto;
	border: 1px;	
	border-style: solid;
	border-color: #767676;
	background: white;

	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;

}


/* UltraWebTree styles */
.MainTree
{
	background-color: #F7F5DE;
	border: 1px;
	border-style: solid;
	border-color: #F7F5DE;
	padding: 2px;
        color: #black;
        cursor: hand;
}

.TreeHoverItem
{
	font-family: Arial;
	font-weight: Bold;
	font-size: 9pt;
	background-color: #FDF8E7;
	color: #AF0000;
        cursor: hand;
}

.TreeSelectedItem
{
	font-family: Arial;
	font-weight: Bold;
	font-size: 9pt;
	background-color: #FDF8E7;
	color: #AF0000;
        cursor: hand;
}

.TreeNodeStyle
{
	font-family: Arial;
	font-weight: normal;
	font-size: 9pt;
}

.TreeIslandStyle
{
	font-family: Arial;
	font-weight: normal;
	font-size: 9pt;
}

.TreeLeafNodeStyle
{
	font-family: Arial;
	font-weight: normal;
	font-size: 9pt;
}

.TreeParentNodeStyle
{
	font-family: Arial;
	font-weight: normal;
	font-size: 9pt;
}

.TreeRootNodeStyle
{
	font-family: Arial;
	font-weight: bold;
	font-size: 9pt;
}
/* UltraWebListButton class */
.DefaultToolBarButton
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 9pt;
	color: #03368D;
	background-color: #F7DF8C;
	border-style: solid;
	border-color: #03368D;
	border-width: 1px;
}

.HoverToolBarButton
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 9pt;
	background-color: #FDF8E7;
	border-style: solid;
	border-color: #03368D;
	border-width: 1px;
	cursor: hand;
}

.SelectedToolBarButton
{
	font-family: Georgia;
	font-weight: bold;
	background-color: #FDF8E7;
	border-style: solid;
	border-color: #03368D;
	border-width: 1px;
	font-size: 9pt;
	color: #336633;
}

.DefaultAddToCartButton
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 9pt;
	color: #03368D;
	background-color: #F7DF8C;
	border-style: solid;
	border-color: #03368D;
	border-width: 1px;
}

.HoverAddToCartButton
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 9pt;
	background-color: #FDF8E7;
	border-style: solid;
	border-color: #03368D;
	border-width: 1px;
	cursor: hand;
}

.SelectedAddToCartButton
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 9pt;
	background-color: #FDF8E7;
	border-style: solid;
	border-color: #03368D;
	border-width: 1px;
}
/* End UltraWebListToolBar */


/* DROP IN PAGE  */
.dropin-header-table {
	width: 350px;
	border: 1px solid #537656;
	border-bottom: 1px solid #537656;
	background: #E1EAE3;
}
.greeting-message {
	font: 9pt geneva;
	color: #537656;
	text-align: center;
	padding: 9px;
}
.dropin-body-table {
	width: 350px;
	border: 1px solid #537656;
	background: #FDF8E7;
}
.dropin-body-left {
	border-right: 1px dotted #03378D;
	text-align: center;
}
.dropin-body-right {
	text-align: center;
}
.dropin-button {
	width: 150px;
	font: 10pt geneva;
	color: #537656;
	background: #E1EAE3;
	border: 1px solid #537656;
	border-left: 1px solid #537656;
	border-top: 1px solid #537656;
}

.CardZoomImage
{
	background-color: White;
}

/* Message Panels */
.ImageOptionFrame
{
        height: 190px;
	background-color: #EEE8C9;
	border: 0px solid #FFFFFF;
	border-light: #990000;
	margin-right: 3px;
	margin-left: 3px;
}

.ImageOptionTable
{
        height: 190px;
	background-color: #EEE8C9;
	border: 0px solid #FFFFFF;
	border-light: #990000;
	margin-right: 6px;
	margin-left: 6px;
}

.LeftMessageFrame
{

	height: 180px;
	width: 430px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-left: 3px;
	margin-right: 3px;
}

.LeftMessageTable
{

	height: 180px;
	width: 430px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-left: 6px;
	margin-right: 6px;
}


.LeftImageFrame
{

	height: 180px;
	width: 430px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-right: 3px;
	margin-left: 3px;
}

.LeftImageTable
{
	height: 180px;
	width: 430px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-right: 6px;
	margin-left: 6px;
}

.RightMessageFrame
{
	height: 180px;
	width: 430px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-right: 3px;
	margin-left: 3px;
}

.RightMessageTable
{
	height: 180px;
	width: 430px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-right: 6px;
	margin-left: 6px;
}

.SuggestedMessagesFrame
{
	height: 180px;
	width: 280px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-right: 3px;
	margin-left: 3px;
}

.SuggestedMessagesTable
{
	height: 180px;
	width: 280px;
	background: #EEE8C9;
	border: 0px solid #000000;
	margin-right: 6px;
	margin-left: 6px;
}

.TDHLine
{
	height: 1px;
	background: gray;
}

.TDVLine
{
	width: 1px;
	background: gray;
}

.UploadedImageBackground
{
	background: white;
	font-color: white;
}

.ProgressDisplay
{
	background-color: white;
	font-size: 8pt;
	font-weight: bold;
}

.ProgressBar 
{
	background-color: #E1EAE3;
	font-size: 8pt;
	font-weight: bold;
	height: 20px;
}

.ProgressInset 
{
	background-color: white;
	font-size: 8pt;
	font-weight: bold;
}
/** Start Wine Label Style Sheets **/

.LabelError /** Label error message text **/
{
	font-size: 8pt;
	color: red;
	background: white;
	border: 1px solid #67110A;
}

.LabelHelp /** Label help message text **/
{
	color: blue;
	cursor: help;
}

.WorkSpaceTable
{
	height: 440px;
	background: #67110A;
	border: 0px solid white;
	margin-right: 0px;
	margin-left: 0px;
}

.MessageFrame
{
	background: #67110A;
	border: 0px solid white;
}

.MessageTable
{
	width: 430px;
	background:  #67110A;
	border: 1px solid #67110A;
}

.MessageSteps
{
	height: 30px;
	background: #F7F1EF;
	border: 2px solid  #67110A;
	font-size: 14pt;
}

.MessageStepInstructions
{
	color: #F7F1EF;
	font-size: 10pt;
	border: 2px solid  #67110A;
	height: 40px;
	background: #67110A;
}

.ImageFrame
{
	background: #F7F1EF;
	border: 0px solid yellow;
	margin-right: 0px;
	margin-left: 0px;
}

.ImageTable
{
	width: 430px;
	background: #F7F1EF;
	border-left: 1px solid #67110A;
	border-right: 1px solid #67110A;
	border-bottom: 1px solid #67110A;
	margin-right: 0px;
	margin-left: 0px;
}

.TextFrame
{
	background: orange;
	border: 0px solid yellow;
	margin-right: 0px;
	margin-left: 0px;
}

.TextTable
{
	width: 430px;
	background: #F7F1EF;
	border-left: 1px solid #67110A;
	border-right: 1px solid #67110A;
	margin-right: 0px;
	margin-left: 0px;
}

.FontImageButtonTable
{
	border: 0px;
}

.PreviewFrame
{
	background: blue;
	border: 0px solid #67110A;
	margin-right: 0px;
	margin-left: 0px;
}

.PreviewTable
{

	background: #F7F1EF;
	height: 380px;
	border-left: 1px solid  #67110A;
	border-right: 1px solid  #67110A;
	margin-right: 0px;
	margin-left: 0px;
}

.PreviewHeader
{
	color: Black;
	font-size: 14pt;
}

.PreviewMain
{
	color: white;
	font-size: 12pt;
	background: #67110A;
}

.LabelActionButtons
{
	height: 25px;
	background: white;
	border-left: 1px solid  #666633;
	border-right: 1px solid #666633;
	margin-right: 10px;
	margin-left: 10px;
	
}

.Disclaimer
{
	color: #FEEAB8; /*#67110A;*/
	font-size: 8pt;
	background: #FEEAB8;
}

.TextPersonalizerLine
{
	width: 300px;
}

.LineHint /** Character Countdown **/
{
	color: red;
	font-size: 8pt;
	background: #F7F1EF;
	border: 0px solid #666633;
	width: 40px;
}

.LineHint2 /**You may enter up to 45 letters on line..**/
{
	color: red;
	font-size: 8pt;
	background: #F7F1EF;
	border: 0px solid #666633;
}

.LabelBreadCrumbs /**Area behind Step Image Header**/
{
	background: white;
	border-left: 1px solid  #666633;
	border-right: 1px solid #666633;
	border: 0px solid #666633;
}

.HighQualityLabel /** High Quality text after high quality image uploaded **/
{
	color: green;
}

.GoodQualityLabel /** Good Quality text after good quality image uploaded **/

{
}

.MediumQualityLabel /** Medium Quality text after medium quality image uploaded **/
{
}

.AcceptableQualityLabel /** Acceptable Quality text after acceptable quality image uploaded **/
{
}

.LowQualityLabel /** Low Quality text after low quality image uploaded **/
{
	color: red;
}

/** End Wine Label Style Sheets **/

.LargePreviewTable
{
	border: 1px solid #000000;
}

.LargePreviewHeader
{
	background-color: #990000;
	color: #FFFFFF;
}

.TopOccasionPreviewBottom
{
	visibility: hidden;
}