/*  Lil Sugarplum Layout IDs */
/*  Basic Structure 
body(root context)
	div#containedpage - PR
		div#pageheader - PR
		div#pagebody - PR
		div#pagefooter - PR
*/

* { margin: 0; padding: 0; border: none; }
body {
	margin: 0px; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #333333; /* body font color */
	text-align: center; /*for ie*/
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat;
	position: relative; 
} 

div#containedpage{ 
	/*has width, but no side margin, side padding, or border*/
	margin: 15px auto; /* page padding top and bottom - auto on the sides for centering */
	width: 776px; /* make larger and add padding to page divs if page divs have background bordering */
	text-align:left;
	position: relative;
}
div#pageheader {
	margin: 0;
	padding: 0 10px; /*add side and top padding if background includes a fat border */
	height: 170px; /*ie will not respect if too much content unless overflow hidden */
	width: 756px; /*adjust if adding side padding */
	/*background-color: #CCFFFF;  pageheader background color */
	background-image:  url(../images/bg_pageheader.gif); 
	background-position: top center;
	background-repeat:no-repeat; 
	position: relative;
}
div#pagebody, div.pagesection, div.pagemenu{ 
	margin: 0;
	padding: 5px 10px; /*add side padding if background includes a fat border */
	width: 756px; /*adjust if adding side padding.  ie needs a width for float container */
	background-image:  url(../images/bg_pagebody.gif); 
	background-repeat: repeat-y;
	position: relative;
}
div.pagemenu{ 
	padding: 0 8px; /*add side padding if background includes a fat border */
	width: 760px;
}
div#pagefooter {
	margin: 0;
	padding: 20px 10px; /*add side and bottom padding if background includes a fat border */
	text-align: center;
	color: #606c45;
	width: 756px; /*adjust if adding side padding */
	background-image:  url(../images/bg_pagefooter.gif); 
	background-position: bottom center;
	background-repeat: no-repeat; 
	position: relative;
}

/* STYLES USED IN div#pageheader ******************************************/
#logo {
	margin: 0px;
	position: absolute;
	z-index: 200;
	left: 373px; /*absolute position */
	top: 54px;
	/*height: 65px;
	width: 275px; */
}
#sigphoto {	
	margin: 0px;
	position: absolute;
	z-index: 200;
	left: 26px; /*absolute position */
	top: 5px;
}
/* horizonatal menubar*/
#menubar { background-color: #ffd9d9; height: 22px; padding: 0 2px; margin:0;}
/*img#menu_home, img#menu_about, #menu_wholesale, #menu_charity, #menu_faq, #menu_testimonials, #menu_gallery, #menu_press, #menu_contact {margin: 0; float: left; display: inline;}*/
#menubar a, #menubar div.sel {margin: 0; float: left; display: inline; padding: 0; border: none;}
img.sel {margin: 0; padding: 0; border: none;}
#pageheader a {}
#pageheader a:hover {}
#pageheader h1 {}
#pageheader p {}

/* POSITIONING STYLES USED IN div#pagebody *********************************/
/* Main content, usually styled as right column ****************************/
/*set side padding and adjust width of columns if contained content will be 
width 100% - then contained content must have no margins*/
#maincontent {
	width: 522px;
	float: right;
	margin: 0px;
	padding: 0px; 
	/*background-color: #CCCCFF; /* maincontent background */
	position: relative;
}
/* Callout content and navigation, usually styled as left column ***********/
#calloutcontent { 
	width: 234px;
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 100;
}
/* clears pagebody column floats - contains only dot.gif height=1 **********/
#endpagebody { 
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
	/*background-color: black; /* pagebody bottom border */
}
/* STYLES USED IN #maincontent *********************************************/
#welcomeimage {float: right;
width: 234px;}
#welcomemessage {
float: right;
width: 522px;
height: 82px;
color: #606c45;
overflow: hidden;
}
#welcomemessage h1 {
font-size: 1em;
font-weight: bold;
margin-bottom: .5em;}
#welcomemessage p { margin-top: 0; margin-bottom:0;}
#maincontent a {}
#maincontent a:hover {}
#maincontent h1 {}
#maincontent p {}
/*#maincontent p {
	margin: 10px 25px;
}

#maincontent h1 {
	margin: 25px 25px 10px 25px;
}
#maincontent h2{
	margin: 20px 25px 10px 25px;
	padding: 15px 0px 10px 0px;
	/*background-image:  url(img/bg_h2.gif);
	background-repeat: no-repeat;
	background-position: center top; 
}
*/
#maincontent img.ImageLeft { /* image floated left within a paragraph or header */
	border: 2px solid #ffc3c3; 
	margin: 2px 10px 5px 0px;
	position: relative;
	float: left; 
	display: inline; 
}
#maincontent img.ImageRight { /* image floated left within a paragraph or header */
	/*border: 1px solid #293e52; */
	margin: 2px 10px 5px 10px;
	position: relative;
	float: right; 
	display: inline; 
}
#main ul {
	list-style-type: square;
}

/* STYLES USED IN# calloutcontent *****************************************/
#calloutcontent a {}
#calloutcontent a:hover {}
#calloutcontent h1 {}
#calloutcontent p {}


/* STYLES USED IN #pagefooter *********************************************/

div#pagefooter p a, div#pagefooter p a:visited, div#pagefooter p a:link{color: #606c45; text-decoration: none;}
div#pagefooter p a:hover {text-decoration: underline;}
div#pagefooter h1 {	padding: 1.2em 15px; 
	margin: 0;}
#pagefooter p { font-size: .9em; }
#pagefooter p.copyright {
	font-size: .8em;
}

/* GENERIC STYLING ********************************************************/
.clear {
clear: both;
}

/* POSITIONING FOR LC ********************************************************/
/*TABS*/
ul#tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%; /* Set width to width of container - due to IE width adjustment */
	z-index: 250;
	}
#tabs li {
	position: relative;
	float: right;
	width: 20%;
	}
	
/* Menu Item Styling */
#tabs li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: .5em;
	border: 1px solid #ccc;
	border-right: 0;
	position: relative;
	}
	
#tabs li a:hover, #tabs li p.selected  {
	color: #E2144A; background: #f9f9f9; text-decoration: none; position: relative;
} 
#Tabs {
text-align: right;
margin: 0 0 6px 0;
padding: 0 58px 5px 0;
color:#42521d;
font-size: .9em;
font-weight: bold;
}
#Tabs a, #Tabs a:link, #Tabs a:visited, #Tabs a:active {
color: #42521d;
text-decoration: none;
}
#Tabs a:hover {
text-decoration: underline;
}
#Tabs input { /*search box*/
font-weight: normal; font-size: 1.2em; line-height: 1.5em; padding: .2em; padding-top: .3em; height: 1.5em; width:75pt; color:#42521d; background-color: #eaebb3; border: 1px solid #42521d; 
}
/*DIALOG*/
div.Dialog {
	margin: 0 12px 12px 19px; 
	padding: 0;
	position: relative;
	font-size: 1em;
	background-image: url(../images/dialogBody.gif);
	background-position: center center;
	background-repeat: repeat-y;
	z-index: 10;
}
div.DialogHead {
	color: #546f0b;
	position: relative;
	background-image: url(../images/dialogHead.gif);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0; padding: 0;
	z-index: 50;
}
h1.DialogTitle {
	/*margin: .5em 12px 0 12px;*/
	color: #546f0b;
	position: relative;
	padding: 10px 12px 2px 12px;
	margin: 0;
	z-index: 50;
}
#gerbera{position: absolute; z-index: 40; top: 1px; right: 0;}
div.DialogBody {
margin: 0;
padding: 5px 17px;
z-index: 50;
}
div.DialogBody h1, div.DialogBody h2, div.DialogBody h3, div.DialogBody h4, div.DialogBody p, div.DialogBody ol, div.DialogBody ul {margin: 1em 0; z-index: 100;}
div.DialogBody a, div.DialogBody a:link, div.DialogBody a:visited {color: #546f0b; text-decoration: underline; }
div.DialogBody table a, div.DialogBody table a:link, div.DialogBody table a:visited {text-decoration: none; }
div.DialogBody table a:hover {text-decoration: underline;}
div.DialogBody strong a, div.DialogBody strong a:link, div.DialogBody strong a:visited {text-decoration: none; }
div.DialogBody strong a:hover {text-decoration: underline;}
div.DialogBody a:hover, {text-decoration: underline;}
div.DialogBody hr {z-index: 100;}
div.DialogFoot {
	margin: 0;
	padding: 2px 0;
	position: relative;
	background-image: url(../images/dialogFoot.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}
div.faq p{ margin-top: 2px; line-height: 1.1em;}
div.faq strong a:hover { color: #fa8f8f; text-decoration: none;}

h1.SidebarTitle {
margin: 0 9px 0 15px;
padding: 10px 3px 6px 10px;
color: #546f0b;
font-size: 1.4em;
	/*width: 197px; setting explicitly for sifr */
background-image: url(../images/sidebarHeadY.gif);
background-position: top center;
background-repeat: no-repeat;
}
div.SidebarBox {
margin: 0 9px 10px 15px;
padding: 5px 11px 15px 11px;
background-image: url(../images/sidebarbox.gif);
background-position: bottom center;
background-repeat: no-repeat;
border-top: 1px solid #a1b95f;
}
div.SidebarBox h1, div.SidebarBox h2, div.SidebarBox h3, div.SidebarBox h4, div.SidebarBox p, div.SidebarBox ol, div.SidebarBox ul {margin: 1em 0;}
div.SidebarBox p {line-height: 1.1em; font-weight: normal;}
div.SidebarBox a, div.SidebarBox a:link, div.SidebarBox a:visited {color: #546f0b; text-decoration: none; }
div.SidebarBox a:hover {text-decoration: underline;}
li.SidebarItems {list-style-type: none; line-height: 1.6em; color: #546f0b;}
li.SidebarItems a, li.SidebarItems a:link, li.SidebarItems a:visited {color: #546f0b; text-decoration: none;}
li.SidebarItems a:hover {color: #546f0b; text-decoration: underline;}
a.SidebarItems, a.SidebarItems:link, a.SidebarItems:visited {color: #546f0b; text-decoration: none;}
a.SidebarItems:hover {color: #546f0b; text-decoration: underline;}
ul.SidebarCategories {padding: 0;}
li.SidebarCategories {list-style-type: none; line-height: 1.6em; color: #546f0b; padding: 0; }
li.SidebarCategories a, li.SidebarCategories a:link, li.SidebarCategories a:visited {color: #546f0b; text-decoration: none; background-image: url(../images/heart_bult.gif); background-position:  left top; background-repeat: no-repeat; padding-left: 15px; display: block;}
li.SidebarCategories a:hover {color: #546f0b; text-decoration: none; background-image: url(../images/heart_bult_green.gif); background-position:  left top; background-repeat: no-repeat; padding-left: 16px; padding-left: 15px; display: block;}
li.SidebarCategoriesSel {list-style-type: none; line-height: 1.6em; color: #546f0b; }
li.SidebarCategoriesSel a, li.SidebarCategoriesSel a:link, li.SidebarCategoriesSel a:visited {color: #546f0b; text-decoration: none; background-image: url(../images/heart_bult_green.gif); background-position:  left top; background-repeat: no-repeat; padding-left: 15px; display: block;}
li.SidebarCategoriesSel a:hover {color: #546f0b; text-decoration: none; background-image: url(../images/heart_bult_green.gif); background-position:  left top; background-repeat: no-repeat; padding-left: 15px; display: block;}
div.CommonButton { /*outer frame*/
/*
	background-color: #006699; 
	border: 1px solid #006699;
	padding: 3px 3px 6px 3px;
	_width: 15em;*/
	margin: 5px; padding:0;
display: inline;
	position: relative;
	left: 0;
}
a.CommonButtonLink, a.CommonButtonLink:link,  a.CommonButtonLink:visited{ /* inside button */
	background-color: #ffd9d9;
	color: #546f0b;
	border: 1px solid #546f0b;
	padding: 2px 5px 3px 5px;
	   white-space: nowrap;
	   text-decoration: none;
  /* _width:1em; _cursor: hand;*/
   font-size: 10px;
   line-height: 2.2em;
   font-style: normal;
   font-weight: bold;
   margin:0;
   text-decoration: none;
}
table.subcategories {
	margin: 0 7px 0 8px; /*add a little more padding than to DialogTitle */
	position: relative;
	font-size: 1em;
	width: 507px;}
table.subcategories td.subcathead { background-image: url(../images/bg_catHead.gif); background-position:top center; background-repeat: no-repeat; padding: 10px 6px 0 6px; width: 157px; text-align:center;}
table.subcategories td.subcatfoot { background-image: url(../images/bg_catBody.gif); background-position:bottom center; background-repeat: no-repeat; padding: 6px 10px 3px 10px; text-align: center; width: 149px ; height: 5em;}
h2.subcat {margin: 0; padding: 0; text-align: center; font-size: 1.6em; line-height: 1em; }
table.subcategories td.subcathead img {margin: 0 auto;}
p.breadcrumb {margin: 0 0 10px 22px; font-size: .9em;}
.ProductDetailsTitle {border-bottom: 1px solid #546f0b;}
table.gallery {width: 100%;}
table.gallery td {text-align:center;}
.DetailedImage {margin: 0 3px;}
.GiftCertificateTitle {font-weight: bold; color: #546f0b;}
.ProductDetails { font-size: .9em;}
td.ProductDetails select { font-size: .9em;}
td.ProductDetails textarea { font-size: .9em;}
td.ProductDetails input { font-size: .9em;}