/********************************************************
* Generic
********************************************************/
H1 { color: #333; font-size: 20px; font-weight: bold; }
H2 { color: #333; font-size: 15px; font-weight: bold; }
H3 {}
H4 {}
H5, DT {}
H6 {}

TFOOT, THEAD {}

TH {}

A:link  { color: #0000ff; text-decoration: underline; }
A:visited   { color: #0000ff; text-decoration: underline; }
A:active    { color: #0000ff; text-decoration: underline; }
A:hover { color: #0000ff; text-decoration: underline; }

SMALL {}
BIG {}
BLOCKQUOTE, PRE {}

UL LI {}
UL LI LI {}
UL LI LI LI {}
OL LI   {}
OL OL LI    {}
OL OL OL LI {}
HR {}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

/* background/border colors for the selected page */
PageBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected Page */
.SelectedPage {
}

/* hyperlink style for the selected Page */
A.SelectedPage:link {
}

A.SelectedPage:visited  {
}

A.SelectedPage:active   {
}

A.SelectedPage:hover    {
}

/* text style for the unselected Pages */
.OtherPages {
}
    
/* hyperlink style for the unselected Pages */
A.OtherPages:link {
}

A.OtherPages:visited  {
}

A.OtherPages:active   {
}

A.OtherPages:hover    {
}

/* GENERAL */
/* style for module titles */
.Head { color:black; }

/* style of item titles on edit and admin pages */
.SubHead {}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {}

/* text style used for most text rendered by modules */
.Small { font-size: 11px; }
.SmallBlue, .SmallBlue:link, .SmallBlue:visited, .SmallBlue:hover, .SmallBlue:active { color: #0000ff; font-size: 10px; text-decoration: none; }
.SmallBlue:hover, .SmallBlue:active { text-decoration: underline; }
.Normal { }
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { }
.NormalBold, .NormalBold:link, .NormalBold:visited, .NormalBold:hover, .NormalBold:active { color: #333; font-size: 12px; font-family: Arial; text-decoration: none; }
.NormalBoldItalic { font-weight: bold; font-style: italic; }
.NormalBoldWhite, .NormalBoldWhite:link, .NormalBoldWhite:visited, .NormalBoldWhite:hover, .NormalBoldWhite:active { color: #fff; font-size: 12px; font-family: Arial; text-decoration: none; }
.NormalBoldItalicWhite { color: #fff; font-weight: bold; font-style: italic; }
.NormalRed { }
.NormalBoldRed { color: Red; font-weight: bold; }
.NormalBlue, .NormalBlue:link, .NormalBlue:visited, .NormalBlue:hover, .NormalBlue:active { color: #0000ff; font-size: 12px; font-family: Arial; text-decoration: none; }
.NormalBlue:hover, .NormalBlue:active { text-decoration: underline; }
.NormalBoldBlue, .NormalBoldBlue:link, .NormalBoldBlue:visited, .NormalBoldBlue:hover, .NormalBoldBlue:active { background: none; border: none; color: #0000ff; font-weight: bold; font-size: 12px; text-decoration: none; }
.NormalBoldBlue:hover, .NormalBoldBlue:active { text-decoration: underline; }
.LargeBold { font-size: 16px; color: #333; font-weight: bold; }
.LargeBoldItalic { font-size: 16px; font-weight: bold; font-style: italic; }
.LargeBoldBlue { font-size: 16px; color: red; font: bold; text-decoration: none; }
input.NormalBoldBlue, input.NormalBlue { cursor: pointer; cursor: hand; }


/********************************************************
* Borders
********************************************************/
.BorderTopGrey { border-top: solid 1px #ccc; width: 100%; }
.BorderBottomBlack { border-bottom: solid 1px #000; margin: 0 0 10px 0; padding: 0 0 5px 0; width: 100%; }
.BorderGrey { border: solid 1px #ccc; }
.NormalPaddingBottom { padding: 0 0 15px 0; }
.NormalPadding { padding: 6px 0; }
.AlignRight { text-align: right; }
.AlignLeft { text-align: left; }
.FloatRight { float: right; }
.FloatLeft { float: left; }
.VAlignMiddle { vertical-align: middle; }
.VAlignTop { vertical-align: top; }
.VAlignBottom { vertical-align: bottom; }


/********************************************************
* Padding
********************************************************/
.NormalCellPadding { padding: 5px; }


/********************************************************
* Buttons
********************************************************/

.SmallBlueGrey { cursor: pointer; cursor: hand; background: url('/images/buttons/SmallBlueGrey.gif') no-repeat; border: none; color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; text-align: left; padding: 0 0 0 2px; height: 25px; width: 91px; }
.SmallMediumBlueGrey { cursor: pointer; cursor: hand; background: url('/images/buttons/SmallMediumBlueGrey.gif') no-repeat; border: none; color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; text-align: left; padding: 0 0 0 2px; height: 25px; width: 120px; }
.SmallLongBlueGrey { cursor: pointer; cursor: hand; background: url('/images/buttons/SmallLongBlueGrey.gif') no-repeat; border: none; color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; text-align: left; padding: 0 0 0 2px; height: 25px; width: 156px; }
.SmallExtraLongBlueGrey { cursor: pointer; cursor: hand; background: url('/images/buttons/SmallExtraLongBlueGrey.gif') no-repeat; border: none; color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; text-align: left; padding: 0 0 0 2px; height: 25px; width: 285px; }
.SmallLongReverseBlueGrey { cursor: pointer; cursor: hand; background: url('/images/buttons/SmallLongReverseBlueGrey.gif') no-repeat; border: none; color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; text-align: left; padding: 0 0 0 2px; height: 25px; width: 156px; }




/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {}
A.CommandButton:visited {}
A.CommandButton:active {}
A.CommandButton:hover {}


/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}


.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}






/********************************************************
* Typography
********************************************************/
a.boldhyperlink:link, a.boldhyperlink:visited, a.boldhyperlink:active, a.boldhyperlink:hover { color: #820145; font-weight:bold; }
a.boldhyperlink:hover { color: #820145; }



/********************************************************
* Warnings
********************************************************/
.WarningTextRed { font-weight: normal;  color: Red; }
a.WarningTextRed:link, a.WarningTextRed:visited, a.WarningTextRed:active { font-weight: normal;  color: Red; text-decoration: none; }
a.WarningTextRed:hover { text-decoration: underline; }
.WarningTextRedBold { font-weight: bold; color: Red; }


.PromoWrap { float: left; width: 100%; margin: 0 0 8px 0; }
    .PromoWrap .WarningGreyBorder { padding: 5px; overflow: auto; font-size: 15px; }
        .PromoWrap .WarningGreyBorder .NormalBold { float: left; font-size: 15px; padding: 0 0 5px 0; width: 100%; }
   

#ProductDetail .WarningGreyBorderRow td { border: none; padding: 0 0 8px 0; }
.WarningGreyBorder { border: solid 1px #ccc; }
    #ProductDetail .WarningGreyBorder td { vertical-align: middle; padding: 2px 5px 2px 5px;  }
    .WarningGreyBorder td { color: #cc0000; font-size: 15px; font-weight: bold; }
    .SoleProductWarningItems { color: #ff6600; font-size: 15px; font-weight: bold; }
    
.CheckoutDetails .WarningGreyBorderRow td { border: none; padding: 0 0 8px 0; }
    .CheckoutDetails .WarningGreyBorder td { vertical-align: middle; padding: 2px 5px 2px 5px;  }
    

/********************************************************
* Product List
********************************************************/
a.ProductList:link, a.ProductList:visited, a.ProductList:hover { color: #B17277; font: normal 10px Arial, Sans-serif; text-decoration: underline; text-align: right; padding: 0px; margin: 0px; }

/********************************************************
* Florist links
*********************************************************/
.CategoryMenuHeader { color: #FF6600; }


/********************************************************
* Florist List
*********************************************************/
.FloristListWrap td { padding: 0 0 10px 0; }
.FloristListWrap td td { padding: 0; }
.FloristListWrap a:link, .FloristListWrap a:visited, .FloristListWrap a:hover { color: #ff6600; }
.FloristListWrap .ProductList a:link, .FloristListWrap .ProductList a:visited, .FloristListWrap .ProductList a:hover { color: #0000ff; }

/********************************************************
* StoreCartMenu
*********************************************************/
.MiniCartWrap { border: solid 1px #ccc; margin: 0 0 8px 0; overflow: auto; }
	.MiniCart .MiniCartContent { background: #F3F3F3; border-top: solid 1px #ccc; padding: 6px; }
    .MiniCart .CartMenuDetail, .MiniCart a.boldhyperlink:link, .MiniCart a.boldhyperlink:visited, .MiniCart a.boldhyperlink:active, .MiniCart a.boldhyperlink:hover { font-size: 11px; }

/********************************************************
* Choose delivery country module
********************************************************/     
.DeliveryCountryWrap { padding: 6px; }  
	.DeliveryCountryWrap .RedWarning { margin: 6px 0 0 0; overflow: auto; }

/********************************************************
* Currency Module
********************************************************/
.ChangeCurrencyWrap { border-top: solid 1px #ccc; padding: 6px; overflow: auto; }
	.ChangeCurrencyWrap select { font-size: 12px; }