/* CSS Document */
BODY {padding: 20px 0 0; margin: 0; background: url('../images/bodybg.gif') repeat-x #FFF; margin-bottom: 20px; }

/* site structure */
div#all {width: 1040px; margin: 0 auto;}

div#wrap_top	{width: 1050px; margin-left: 5px; background: url('../images/bg_wrap_top.png') repeat-y; height: 11px;}
div#wrap 		{width: 1050px; padding: 0 7px; background: url('../images/bg_wrap.png') repeat-y;}
div#wrap_bottom	{width: 1050px; margin-left: 5px; background: url('../images/bg_wrap_bottom.png') repeat-y; height: 11px;}

div#main {background-color: #FFF; width: 960px;}

div#inner		{width: 1000px; margin: 0 auto; background: #728562; border: 15px solid #000; min-height: 400px;}
div#innera		{border: 10px solid #781E2A; padding: 10px;}
div#banner		{background: url('../images/header.gif') no-repeat; width: 960px; height: 211px; }

div#nav_bar {clear: both; background: #705B4B url('../images/bg_nav.gif') 0 0 repeat-x; width: 960px; height: 32px; margin: 0;}

table#content 	{clear: both; min-height: 400px; margin-left: 15px;}
	td#left_panel  	  {width: 680px; vertical-align: top; padding: 10px 20px 10px 10px;}
	td#left_panel h2  {margin: 0 0 15px 0; padding: 0;}
		
	td#right_panel    {vertical-align: top; width: 215px; }
	td#right_panel h3,
	td#right_panel h4 {margin: 0 0 5px 0;}
	td#right_panel ul {list-style-type: none; margin: 0 0 20px 0; padding: 0; border-top: 1px dashed #909B8C;}
	td#right_panel ul li {padding: 0; margin: 0; border-bottom: 1px dashed #909B8C;}
	td#right_panel ul li a {background: url('../images/bullet.gif') 5px 50% no-repeat; padding: 2px 0 2px 20px; margin: 0; color: #614318; font-size: 11px; display: block; text-decoration: none;}
	td#right_panel ul a:hover {background: #F5F5F5 url('../images/bullet.gif') 5px 50% no-repeat; color: #EA540B;}
	td#right_panel table td,
	td#right_panel td.Quotes,
	td#right_panel div td {color: #000; font-size: 11px; line-height: 1.5em;}
	
	div#footer 	{width: 960px; margin: 0 auto; padding: 5px; text-align: center; font-size: 11px; line-height: 2.5em;}

	div.FeatureBox { background: url(../images/gridbox_bg.jpg) 0% 100% no-repeat #FFF; color: #000; margin: 15px 0 0 0; padding: 0 10px 0 5px; height: 130px; font-size: 11px;}
	div.FeatureBox1 { background: url(../images/gridbox_bg1.jpg) no-repeat #FFF; color: #000; margin: 0 0 15px 0; padding: 10px 10px 0 10px; height: 150px; font-size: 11px;}
	
	form#sidebarForm input#email { margin: 5px 0 0 0; }
	
/* nav bar */

table#topnavigation	{ height: 28px; margin-left: 20px; }
table#topnavigation td	{ vertical-align: middle; padding:0 11px 0; text-transform: uppercase; }
table#topnavigation td div			{position: relative; z-index: 99;}
table#topnavigation td ul			{position: absolute; z-index: 99; top:0; visibility: hidden; width: 100%; margin: 0; padding: 0; list-style-type: none;}
	table#topnavigation td ul#about  {width: 120px;}
	table#topnavigation td ul#custom-scrapbooks  {width: 110px;}
	table#topnavigation td ul#between-you-and-me  {width: 170px;}
	table#topnavigation td ul#about-noreen  {width: 200px;}
table#topnavigation td ul li		{margin: 0; padding: 0; list-style-type: none;}
table#topnavigation td a	{ display:block; font-size:11px; line-height:28px; font-weight:bold; color:#FFF; font-family: Verdana, sans-serif; }
table#topnavigation td a:link, table#topnavigation td a:visited {color: #FFF; text-decoration:none;}
table#topnavigation td a:hover	{ color: #00923F; }
table#topnavigation td a.active,
table#topnavigation td a.active:hover	 { text-decoration:none; color:#FFF; background: url(../images/nav_linkbg.gif); }
	table#topnavigation td div ul a:link,
	table#topnavigation td div ul a:visited { text-decoration:none; background-color: #711C1B; color:#FFF; padding-left: 5px; }
	table#topnavigation td div ul a:hover	 {background-color: #711C1B; color: #00923F;}
	
/* links */
a:link, a:visited 		   {color: #728562; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none;}
a:active, a:hover, a:focus {color: #781E2A; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none;}

a.Action {
	display: block;
	background: url('../images/bg_action.jpg') repeat-x;
	border: 1px solid #781E2A;
	padding: 0;
	margin: 0;
	width: 130px;
	height: 18px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.8em;
	margin-top: 7px;
}
a.Action:hover {color: #000;}

a.readMore { display: block; padding: 0; margin: 5px 0; }
	
div#footer a 	   {color: #781E2A; font-size: 13px; text-decoration: none;}
div#footer a:hover {color: #000; font-size: 13px; text-decoration: none; text-decoration: underline;}


/* edit.com visible styles */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

h3, .SubHeader {color: #781E2A; font-size: 13px; font-weight: bold;}
.BlackSubHeader{color: #000000; font-size: 16px; font-weight: bold;}

h4, {color: #000; font-size: 13px; font-weight: bold;}

.SubjectHeaderQuotes {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #781E2A;
	font-size: 17px;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #781E2A;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

.GreenSubjectHeader {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #728562;
	font-size: 17px;
	font-weight: bold;
}

.PageTitle {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #781E2A;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
}

/* img styles */

IMG.FloatLeft 	{float: left; margin: 0 5px 5px 0;}
IMG.FloatRight 	{float: right; margin: 0 0 5px 5px;}
IMG.RedBorder {border: solid 2px #781E2A;}
IMG.GreenBorder {border: solid 2px #728562;}

/* floating quotes */

a.floatingq {
	font-family: Arial, Helvetica, sans-serif;
	color: #728562;
	font-size: 12px;
	font-weight: normal;
}

a.floatingq:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: normal;
}

/* misc */

table.quotes {width: 560px;}

td.BlackBorderTop {border-top: solid 1px #000; padding-top: 10px;}

* .button {
	background: url('../images/bg_action.jpg') repeat-x #4E156C;
	border: 1px solid #4E156C;
	margin-top: 4px;
	margin: 0;
	padding: 0;
	width: auto;
	height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.8em;
	font-family: Verdana;	
}

* #lp_all {}
	* #lp_left {width: 100px; float:left;}
	* #lp_right {width: 550px; padding-left: 10px;}

td.GreenBorderTop {border-top: solid 1px #728562; padding-top: 10px; padding-right: 20px;}

* .gray { background: #EDEBEB; width: 300px; padding: 10px; float: left; margin-right: 20px; margin-bottom: 20px;}

* #reqtestimonials {width: 240px; float: right; margin-top: 10px;}

/* WC driven pages */
td#left_panel table.categoryThumbs	  { margin: 15px 0 0 -10px; }
td#left_panel table.categoryThumbs td { vertical-align: top; text-align: center; padding: 0 10px 20px; width: 168px; }
td#left_panel table.categoryThumbs td img { margin: 0 0 5px 0; border: 1px solid #000; }

* .GreenHeader,
a.categoryLink { color: #728562; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 1.25em; }
a.categoryLink:hover { font-size: 14px; font-weight: bold; text-decoration: none; line-height: 1.25em; }

img.projectThumb { width: 150px; margin: 0 0 5px 0; border: 1px solid #000; }
img.featuredThumb { width: 150px; height: 150px; margin: 5px 0; border: 1px solid #000; }

div#subnav 			  { float: right; width: 280px; padding: 10px; margin: 7px 0 0 10px; background: #EDEDED; text-align: center; font-size: 12px; line-height: 1.6em; }
div#projectInfo { float: left; }
	div.noPad p { margin: 0; padding: 0; }
div#projectImages	  { clear: right; float: right; width: 300px; margin: 0 0 0 20px; }
div#projectImageLarge { width: 300px; height: 300px; margin: 0 0 15px 0; }
	div#projectImageLarge img { width: 300px; height: 300px; display: none; }
div#projectImageThumbs { height: 75px; text-align: center; }
	div#projectImageThumbs img { width: 75px; height: 75px; margin: 0 5px 0 0; border: 0; }
		div#projectImageThumbs a   { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
		div#projectImageThumbs a.hover,
		div#projectImageThumbs a.selected { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }	
div.pagination { margin: 25px 0; text-align: center; }

a.NoUnderline { color: #781E2A; text-decoration: none; }
a.NoUnderline:hover { color: #781E2A; text-decoration: underline; }

td#left_panel table td {text-align: left;}
 
div#featuredItemSlideshow,
div#featuredItemSlideshow div,
div#featuredItemSlideshow div img { width: 150px; height: 150px; }

div#featuredItemSlideshow		  { margin-bottom: 7px; position: absolute; z-index: 2; }
div#featuredItemSlideshow div 	  { display: none; }
div#featuredItemSlideshow div img { border: 0; }

div#featuredItemSpacer { height: 150px; }

/* home featured product slideshow */
div#featuredSlideshow	  { width: 300px; min-height: 320px; text-align: center; margin: 20px 0 0; text-align: center; }
div#featuredSlideshow div { width: 300px; min-height: 320px; text-align: center; display: none; text-align: center; }
div#featuredSlideshow div img.featureThumb { max-width: 300px; max-height: 300px; border: 0; margin: 0 auto 5px; }

/* scrapbooking products */
div#leftColumn 	{ float: left; width: 200px; margin-right: 10px; }
	div#leftColumn a.active { color: #781E2A; }
	* .caps { text-transform: uppercase; }
	
div#rightColumn { float: right; width: 470px; }
	div.itemListing { clear: both; margin-bottom: 20px; }
		div.itemDesc { margin: 5px 0; font-size: 12px; }
		img.itemThumb { float: left; max-width: 150px; margin: 0 10px 10px 0; border: 0; }

div.detailImageBox { float: left; max-width: 250px; margin: 0 10px 10px 0; }
	img.detailImg  { max-width: 250px; border: 0; }

div.detailItemInfo { float: left; min-width: 200px; }

div#otherVariations { clear: both; }
	table#ov td { vertical-align: top; text-align: center; width: 95px; padding: 0 15px 15px 0; }
	table#ov td img { width: 95px; border: 0; margin: 0; float: none; }

select#selectQty,
select#selectVariation { margin: 2px 0; }
input.submitCart { margin: 2px 0; }

* .clear { clear: both; height: 0; }