﻿html>body p {margin: 10px 0 0 0;}

body {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	TEXT-ALIGN:left;
	COLOR:#54534b;
	BACKGROUND-COLOR:#c0c0c0;
	margin: 0px;
	}
td {
	VERTICAL-ALIGN:top;
	TEXT-ALIGN:left;
	}

sup {
	MARGIN-TOP:0px;
	FONT-SIZE:10px;
	}
a sup {
	TEXT-DECORATION:none;
	}
.CONTENT p {
	text-align:left;
	}

hr {
	border: none;
	border-top: 1px dashed #c5c4be;
	background-color:#f4f4ef;
	color:#f4f4ef;
	margin: 10px 0px;
	padding: 0px;
	}
	
/*Utility Styles */
.ClearLeft {clear: left;}
.ClearRight {clear: right;}
.Clear {clear: both;}
	
/* OUTLINE | DROP-SHADOW | REQUIRED */
.OUTLINE {
	BACKGROUND:#FFFFFF;
	BORDER-TOP:#9bc4d6 1px solid;
	BORDER-BOTTOM:#9bc4d6 1px solid;
	BORDER-RIGHT:#9bc4d6 1px solid;
	}	
.REQUIRED {
	COLOR:#FF0000;
	FONT-SIZE:14px;
	FONT-WEIGHT:500;
	}

/* IMAGES */
img {
	BORDER:0px;
	}
.ALEFT {
	Float:LEFT;
	PADDING-RIGHT:10px;
	PADDING-BOTTOM:10px;
	}
.ARIGHT {
	Float:RIGHT;
	PADDING-LEFT:10px;
	PADDING-RIGHT:10px;
	}

/* HEADINGS */

/* The headers are changed to inline to work as shown on the homepage. 
   The user would need to add <br /> or surrounding <p> tags via the wysiwyg
   for line breaks.
   Assume cms wysiwyg can change colors between grey and red
   this same technique was not assumed for the banner area which has seperate headings created for 
   different colors and sizes. I would suggest to use the heading method below instead of the banner method if the wysiwyg can 
   deal with the color change, so we eliminate too many heading tag variations */

h1, h2, h3, h4, h5, DT, h6, TFOOT, THEAD, TH {
	TEXT-DECORATION:none;
	WORD-SPACING:normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM:none;
	display: block; /* adjusted from the norm */
	color:#820e31;
	}


h1	{	
	FONT-SIZE:26px;
	FONT-WEIGHT:normal;
	FONT-STYLE:normal;
	margin: 0px;
	padding: 0px;
	width:270px !important;	
	}
h2	{	
	FONT-SIZE:23px;
	FONT-WEIGHT:normal;
	FONT-STYLE:normal;
	margin: 0px;
	padding: 0px;
	}	
			
h3	{	
	FONT-SIZE:16px;
	FONT-WEIGHT:bold;
	FONT-STYLE:normal;
	MARGIN-BOTTOM:0px;
	}			
h4	{	
	FONT-SIZE:12px;
	FONT-WEIGHT:bold;
	MARGIN-BOTTOM:0px;
	}			
h5, DT	{	
	FONT-SIZE:11px;
	FONT-STYLE:normal;
	}			
h6	{	
	FONT-SIZE:10px;
	FONT-STYLE:normal;
	}		
TFOOT, THEAD {	
	FONT-SIZE:12px;
	}			
TH	{
	VERTICAL-ALIGN:baseline;
	FONT-SIZE:14px;
	FONT-WEIGHT:bold;
	}

/* OTHER TEXT */
SMALL	{	
	FONT-SIZE:9px;
	}	
BIG	{	
	FONT-SIZE:1.17em;
	}	
BLOCKQUOTE, PRE	{	
	FONT-FAMILY: Arial,Courier New, monospace;
	}

/* LIST */
.CONTENT UL {padding-left:10px; margin-left:0px; text-align:left;}
.CONTENT UL LI	{	
	LIST-STYLE-TYPE: none;
	background-image: url(../images/Objects/List_Bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	}	
.CONTENT UL LI LI	{	
	LIST-STYLE-TYPE:disc;
	}	
.CONTENT UL LI LI LI	{	
	LIST-STYLE-TYPE:circle;
	}		
.CONTENT OL LI	{	
	LIST-STYLE-TYPE:decimal;
	}	
.CONTENT OL OL LI	{	
	LIST-STYLE-TYPE:lower-alpha;
	}	
.CONTENT OL OL OL LI	{	
	LIST-STYLE-TYPE:lower-roman;
	}
.CONTENT OL UL LI {
	LIST-STYLE-TYPE:square ;
	}
	
/* LINKS */
a, a:active, a:hover, a:link, a:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE:12px;
	FONT-WEIGHT:700;
	TEXT-DECORATION:underline;
	COLOR:#820e31;
	}
	

/* TEMPLATED SECTIONS */
#MainTable {
	width: 760px;
	BACKGROUND-COLOR:#ffffff;
	}	
#TopCol {}
#LeftCol {
	background-color:#f4f4ef;
	width:193px; /*origonal 235px before padding */
	padding: 15px 10px 10px 17px;
	}
#RightCol {
	background-color:#f4f4ef;
	width: 525px;
	padding: 15px 0 10px 0;
	}
#FooterCol {
	background-color:#f4f4ef;
	padding: 0px 22px 10px 22px;
	color: #54534b;
	font-size: 11px;
	text-align: center;
	}


/* Header */
#Header {
	background: url(../images/Header/Header_Background.jpg) repeat-x;
	height: 77px;
	}
#Header_Logo #Topnav2_Header_Logo{
	float: left;
	}
#Header_PhoneNumber {
	position:relative;
	left:230px;
	top:-15px
	/*float: right;
	margin: 28px 30px 0 0;*/
	}

/* TOPNAV */
.TOPNAV {
	background: url(../images/TopNav/TopNav_Background.gif) repeat-x #8a1e3d;
	border-top: 1px solid #f4f4ef;
	border-bottom: 3px solid #dedcd0;
	height:42px;
	}
.TOPNAV a, .TOPNAV a:visited, .TOPNAV a:link{
	display: block;
	float: right;
	height: 42px;
	width: 107px;
	background: url(../images/TopNav/Button-Off.gif);
	font: 14px verdana;
	color: #fff;
	letter-spacing: .06em;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	}
.TOPNAV a:hover{
	background: url(../images/TopNav/Button-On.gif);
	}
	
/* Banner */
#Banner, #Topnav2_Banner, #Banner2, #Topnav2_Banner2 {
	height: 195px;
	border-bottom: 3px solid #cfcec1;
	}

/* The left padding will need to change between the Homepage banner, 
and other page banners since the open space is not the same for each. 
I suggest to design the banners with the open space appearing in the same location */
.headerCTA {
	padding: 61px 0px 0px 235px; 
	width:560px;
	}
.headerCTA h1, .headerCTA h2, .headerCTA h3, .headerCTA h4 {
	display: inline;
	padding: 0px;
	margin: 0px;
	line-height: normal;
	}
.headerCTA h1{font-size: 20px; color: #820e31;}
.headerCTA h2{font-size: 20px; color: #7b7a72;}
.headerCTA strong, .headerCTA b {font-size: 16px; color: #820e31; font-weight:700;}
.headerCTA {font-size: 16px; color: #7b7a72; font-weight:700; width:300px;}

.headerCTA #OrderNow {
	margin: 10px 0px 0px 150px;
	}


/* LEFTNAV  */
.LEFTNAV {
	width: 193px;
	margin-bottom: 15px;
	}
	
	
#LeftNav_Container_1 {background: url(../images/LeftNav/LeftNav_Background-Top.jpg);}
#LeftNav_Container_2 {
	background: url(../images/LeftNav/LeftNav_Background-Bottom.jpg) no-repeat bottom;
	min-height: 306px;
	padding: 10px 17px 10px 17px;
	font-size:14px;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	color:#820E31;
	}
.LEFTNAV ul, .LEFTNAV UL {padding-left:0px; margin-left:0px; list-style:none;}
.LEFTNAV li {
	list-style:none;
	background: url(../images/LeftNav/Bullet.gif) no-repeat;
	background-position: 0px 2px;
	padding-left:10px;*padding-left:15px;

}
.LEFTNAV a, .LEFTNAV a:hover, .LEFTNAV a:visited, .LEFTNAV a:link{
	display: block;
	/*height: 18px;*/
	padding-left: 18px; *padding-left:0px;
	margin-top: 8px;
	text-decoration: none;
	border-bottom: 1px dashed #c5c4be;
	color: #54534b;
	font-weight:normal;
	font-size:14px;
	}
.LEFTNAV a:hover{
	color: #820e31;
	}
.LEFTNAV a.Active{
	font-weight: bold;
	color: #820e31;
	}
ul.leftmenu_submenu {padding-left: 0px; /*margin-left: 15px;*/ margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; background-color:#EEEDE8; width:155px;}
ul.leftmenu_submenu li {background-image:none;}
ul.leftmenu_submenu li a, ul.leftmenu_submenu li a:active, ul.leftmenu_submenu li a:hover, ul.leftmenu_submenu li a:link, ul.leftmenu_submenu li a:visited 
{border:0px; background-image:none; padding-left:10px; margin-top:0px; padding-bottom:5px; line-height:12px; font-size:12px; }

#LeftCol_Content {padding: 0px 5px;}

	
/*  MAIN CONTENT TABLE */ 

/* MAIN CONTENT COLUMN */
#BodyCol {
	width:270px; /* 300px overall with padding */
	padding-right:30px;
	}
.CONTENT {}

#SideBarCol {
	width:203px; /* 225px overall with padding */
	padding-right:22px;
	}
.SIDEBAR {margin-top:70px;}

/* Sidebar Banners - 183px by 118px */
.Sidebar_Banner-183x118, .Sidebar_Banner-flower, .Sidebar_Banner-hands, .Sidebar_Banner-Debrah, .Sidebar_Banner-freeshipping{
	width: 195px;height: 118px;
	position: relative; margin-bottom: 15px;
}
.Sidebar_Banner-183x118 p, .Sidebar_Banner-flower p, .Sidebar_Banner-hands p, .Sidebar_Banner-Debrah p, Sidebar_Banner-freeshipping p{
	text-align: left;
	margin:0px; padding: 10px 0px 0px 10px;
	width: 120px;
	max-height: 90px;
	overflow: hidden;
}
.Sidebar_Banner-183x118 .Sidebar_Banner_Button, .Sidebar_Banner-flower .Sidebar_Banner_Button, .Sidebar_Banner-hands .Sidebar_Banner_Button, .Sidebar_Banner-Debrah .Sidebar_Banner_Button, Sidebar_Banner-freeshipping .Sidebar_Banner_Button {
	position: absolute; bottom: 10px;
	margin-left: 10px;
	}
.Sidebar_Banner-183x118 {background-image:url(../images/Sidebar/SideBar_Banner_Background-1.jpg); }
.Sidebar_Banner-flower {background-image:url(../images/Sidebar/1.jpg);}
.Sidebar_Banner-hands {background-image:url(../images/Sidebar/2.jpg);}
.Sidebar_Banner-Debrah {background-image:url(../images/Sidebar/3.jpg);}
.Sidebar_Banner-freeshipping {background-image:url(../images/Sidebar/4.jpg);}


/* Sidebar Banners - 194px by 257px */
.Sidebar_Banner-194x257{
	width: 194px;
	height: 257px;
	background-image:url(../images/Sidebar/Sidebar_Banner-194x257-1.jpg);
	position: relative;
	margin-bottom: 15px;
	}
.Sidebar_Banner-194x257 p{
	text-align: left;
	margin:0px;
	padding: 10px 0px 0px 10px;
	width: 194px;
	max-height: 70px;
	overflow: hidden;
	/*background-color: #FFFF99;  Kill this style - just left it in to visualize the copy area */
	}
.Sidebar_Banner-194x257 .Sidebar_Banner_Button {
	position: absolute;
	bottom: 10px;
	right:10px;
	}

 {background-image:url(../images/Sidebar/Sidebar_Banner-183x118-1.jpg);}
{background-image:url(../images/Sidebar/Sidebar_Banner-194x118-1.jpg);}
{background-image:url(../images/Sidebar/Sidebar_Banner-194x257-1.jpg);}
#Sidebar_Banner-flower {background-image:url(../images/Sidebar/1.jpg);}
#Sidebar_Banner-hands {background-image:url(../images/Sidebar/2.jpg);}
#Sidebar_Banner-Debrah {background-image:url(../images/Sidebar/3.jpg);}
#Sidebar_Banner-freeshipping {background-image:url(../images/Sidebar/4.jpg);}


/* BOTTOMNAV | DISCLAIMER */
.BOTTOMNAV {
	border-top: 6px solid #c7c6b7;
	padding: 13px 0px;	
	}


.BOTTOMNAV a, .BOTTOMNAV a:visited, .BOTTOMNAV a:link{
	color: #54534b;
	text-decoration: none;
	margin: 0px 5px;
	font-weight:normal;
	font-size:11px;
	}
.BOTTOMNAV a:hover{text-decoration: underline;}
.BOTTOMNAV p {margin-top:0px;}
.DISCLAIMER a {color: #54534b;}

	

/* Cart Style Redefinements */
#CartTemplate {}
#CartTemplate #BodyCol {
	width:503px; /* 525px overall with padding */
	padding: 0px 22px 15px 0px;
	}
#CartTemplate #SideBarCol {
	display: none;
	}

#Purchase_Options {
	border-top: 1px dashed #c5c4be;
	margin-top: 20px;
	}
.Purchase_Options-Group {
	border-bottom: 1px dashed #c5c4be;
	padding: 5px 0px;
	}

.Product_Name, .Product_QuantityField, .Product_Price {
	
	}

.Product_Name {
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	width: 275px;
	font-weight: bold;
	}
.Product_QuantityLabel {
	float: left;
	padding-top: 3px;	
	font-weight: bold;
	margin-right: 3px;
	}
.Product_QuantityField {
	float: left;
	margin-right: 10px;
	font-weight: bold;
	}
.Product_QTY {
		width: 30px;
		border: 1px dashed #c5c4be;
		margin: 0px;
		padding: 2px;
		font-size: 12px;
		}
.Product_Price {
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	font-weight: bold;
	color: #820e31;	
	}
.Product_Link {
	float: right;
	width: 91px;
	}




/* WIDTH */

.w50{width:50px;}
.w75{width:75px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w550{width:550px;}
.w600{width:500px;}
.h50{height:75px;}
.h75{height:75px;}
.h100{height:75px;}
.h200{height:200px;}
.h275{height:275px;}
.h600 { HEIGHT:600px}

/*Padding*/
.pt30 {padding-top:30px;}

/* Cms admin styles */

/* Admin sections */
.adminHeader
{
	text-align:center;
	padding-top:20px;
	margin-top:20px;
}

.admintable, .head
{
	BACKGROUND:#7B7A72;
	WIDTH:500px;
	font-weight:700;
	font-size:13px;
		
}
.admintable strong, #DataList1
{
	
		color:#334433;
		font-weight:700;
		font-size:13px;
		
}
.admincol
{
	text-align:center;
	color:White;
	font-weight:bold;
}
.smallCopy
{
	color:#334433;
}
#iscatalog{display:none;}
#pagesidebar_4_1, #Pagebody_4_1, #pagesidebar_4_1, #Pagebody_4_1, #pageLeftnav_4_1, #pageleftnav_4_1, #CTA_4_1, #intro_4_1
{
	width:200px;
	overflow:hidden;
}	
#errlab
{
	font-weight:bold;
	color:Red;
}
#Leftnav1_admindiv
{
	line-height:20px;
}
.bgwhite, body.bgwhite
{
	background-color:White;
	background-image:none;
}
#Cms_paging1_resultsdiv {margin-top:15px;}
#creditpostage {}
#creditpostage img.h30{height:30px;margin-right:8px; margin-bottom:5px; margin-top:5px;}
.DISCLAIMER {clear:both;}

/* Live Chat */
#LiveChat {float:right; position:absolute; margin-left:530px; margin-top:10px; padding-bottom:10px;}
#LiveChat div div, #LiveChatCart div div {margin-top:-5px !important; margin-left:15px;}