/*
***********************************************************

	HTML CLASSES

***********************************************************
*/

	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:1.6em;
		margin:0px 0px 20px 0px;
		background-color:#CCCCFF;
	}
	h1 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:21px;
		font-weight:normal;
	}
	h2 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	h1,h2 { margin-top:0px; margin-bottom:20px; line-height:1.4em; }
	p,ul { margin-top:0px; margin-bottom:20px; }
	form { margin:0px; padding:0px; }
	textarea,select,input {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	a { color:#323163; }
	
/*
***********************************************************

	STRUCTURAL ELEMENTS

***********************************************************
*/
	#outer_canvas {
		background-color:white;
		background-image:url(../images/background.gif);
		background-position:top;
		background-repeat:repeat-x;
		text-align:center;
	}
	#inner_canvas {
		width:780px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		padding-bottom:10px;
	}
	
	#logo {
		position:absolute;
	}
	#call_us {
		text-align:right;
		height:64px;
		color:#323163;
		padding-top:6px;
	}
	#call_us_phone {
		font-size:26px;
		font-weight:bold;
		letter-spacing:-1px;
		margin:2px 0px;
	}
	#call_us a {
		color:#323163;
		text-decoration:none;
	}
	#call_us a:hover {
		text-decoration:underline;
	}
	
	#menu_top {
		text-align:right;
		height:30px;
		padding-left:140px;
		margin-bottom:50px;
	}
	#menu_top ul { 
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#menu_top li {
		display:inline;
	}
	#menu_top li a {
		float:left;
		display:block;	
		padding:7px 8px 7px 7px;
		line-height:16px;
		background-repeat:no-repeat;
		background-image:url(../images/menu/separator.gif);
		background-position:right;
		background-repeat:no-repeat;
	}
	#menu_top li a.last {
		background:none;
		padding-right:0px;
	}
	
	/*
***********************************************************

	Homepage

***********************************************************
*/
	#right_column {
		float:left;
		width:580px;
	}
	
	#left_column {
		float:left;
		width:180px;
		margin-right:20px;
	}
	
	/* STOCKIST LOCATER STYLE #homepage1 {
		float:left;
		width:180px;
		height: 210px;
		margin-right:0px;
	} */
	
		#homepage1 {
		float:left;
		width:180px;
		background-image:url(../images/promo_remember_someone_special.jpg);
		background-repeat:no-repeat;
	}
	
	#homepage1 a {
		display:block;
		color:#000000;
		font-size:10px;
		text-decoration:none;
		line-height:12px;
		padding-top:166px;
		padding-left:10px;
		padding-right: 4px;
		width:166px; /* width + padding = 194px */
		height:44px; /* height + padding = 210px */
	}
	#homepage1 a:hover { text-decoration:underline; }
	
	
	#homepage2 {
		float:left;
		width:208px;
		background-image:url(../images/promo_celebrate_someone_special.jpg);
		background-repeat:no-repeat;
	}
	
	#homepage2 a {
		display:block;
		color:#000000;
		font-size:10px;
		text-decoration:none;
		line-height:12px;
		text-align:right;
		padding-top:150px;
		padding-left:48px;
		padding-right: 26px;
		width:134px; /* width + padding = 208px */
		height:60px; /* height + padding = 210px */
	}
	#homepage2 a:hover { text-decoration:underline; }
	
	#homepage3 {
		float:left;
		width:198px;
		margin-right:0px;
		background-image:url(../images/promo_pre_design_your_own_coffin.jpg);
		background-repeat:no-repeat;
	}
	
	#homepage3 a {
		display:block;
		color:#000000;
		font-size:10px;
		text-decoration:none;
		line-height:12px;
		padding-top:42px;
		padding-left:10px;
		padding-right: 8px;
		width:180px; /* width + padding = 198px */
		height:168px; /* height + padding = 210px */
	}
	#homepage3 a:hover { text-decoration:underline; }
	
		#homepage4 {
		float:left;
		width:184px;
		margin-right:10px;
		background-image:url(../images/promo_100_recycled_coffins_cardboard.jpg);
		background-repeat:no-repeat;
	}
	
	#homepage4 a {
		display:block;
		color:#000000;
		font-size:10px;
		text-decoration:none;
		line-height:12px;
		padding-top:166px;
		padding-left:10px;
		padding-right: 4px;
		width:180px; /* width + padding = 194px */
		height:44px; /* height + padding = 210px */
	}
	#homepage4 a:hover { text-decoration:underline; }
	
	#left_column_footer{ float:left; width:780px; }

	#left_column_inner {
		float:left;
		width:100px;
		margin-right:20px;
		background-image:url(../images/promo_remember_someone_special.jpg);
		background-repeat:no-repeat;
	}
	#left_column_inner a {
		display:block;
		color:#000000;
		font-size:10px;
		text-decoration:none;
		line-height:12px;
		padding-top:42px;
		padding-left:12px;
		padding-right: 10px;
		width:140px; /* width + padding = 280px */
		height:168px; /* height + padding = 210px */
	}
	#left_column_inner a:hover { text-decoration:underline; }
	#left_column_footer{ float:left; width:780px; }
	#right_column_inner { 
		float:left;
		width:140px;
		background-image:url(../images/promo_pre_design_service.jpg);
		background-repeat:no-repeat;
	}
	#right_column_inner a {
		display:block;
		color:#000000;
		font-size:10px;
		text-decoration:none;
		line-height:12px;
		padding-top:42px;
		padding-left: 12px;
		padding-right: 168px;
		width:100px; /* width + padding = 280px */
		height:168px; /* height + padding = 210px */
	}
	#right_column_inner a:hover { text-decoration:underline; }
	
	#menu_side {
		margin-bottom:20px;
	}
	#menu_side ul {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	#menu_side li {
		float:left;
	}
	#menu_side a {
		float:left;
		display:block;
		width:140px;
		padding:6px 10px 6px 30px;
		background-image:url(../images/menu/menu_side_separator.gif);
		background-position:top;
		background-repeat:repeat-x;
		text-decoration:none;
		font-weight:bold;
		color:#323163;
		line-height:14px;
	}
	#menu_side a.selected {
		background-color:#F4F4FF;
		background-image:url(../images/menu/menu_side_arrow.gif);
		background-repeat:no-repeat;
		background-position:12px 6px;
	}
	#menu_side a:hover {
		background-color:#F4F4FF;
		background-image:url(../images/menu/menu_side_arrow.gif);
		background-repeat:no-repeat;
		background-position:12px 6px;
	}
	
	#menu_bottom {
		height:16px;
		float:right;
		width:350px;
	}
	#menu_bottom ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	#menu_bottom li { display:inline; }
	#menu_bottom li a {
		float:left;
		display:block;
		padding:0px 10px 0px 11px;
		border-right:1px solid #CCCCFF;
	}
	
	#stockist_locator {
		background-image:url(../images/promo_stocklist_locator.jpg);
		width:180px;
		height:210px;
	}
	#stockist_locator div {
		font-size:10px;
		padding-left:12px;
		padding-top:126px;
		padding-right:50px;
	}
	#stockist_locator p {
		line-height:12px;
	}
	#stockist_field {
		margin-top:4px;
		margin-bottom:4px;
	}
	#stockist_field input { width:60px; }
	#stockist_button { margin:0px; }
	#stockist_button input {
		font-size:10px;
	}
	#stockist_official_suppliers {
		padding:6px;

	}
	#stockist_official_suppliers h2 { margin:0px; color:#465044; }
	
	#footer { 
		text-align:right;
		padding-top:4px;
		color:#7777BD;
		width:770px;
		padding-right:10px;
		margin-left:auto;
		margin-right:auto;	
	}
	
	#promo_view_design_gallery {
		background-image:url(../images/promo_view_design_gallery.jpg);
		margin-bottom:20px;
	}
	#promo_view_design_gallery a {
		display:block;
		padding-top:28px;
		padding-left:12px;
		width:168px;
		height:182px;
		text-decoration:none;
	}
	#promo_view_design_gallery a:hover {
		text-decoration:underline;
	}
	
	#promo_create_custom_design {
		background-image:url(../images/promo_create_custom_design.jpg);
		margin-bottom:20px;
	}
	#promo_create_custom_design a {
		display:block;
		padding-top:46px;
		padding-left:12px;
		width:168px;
		height:164px;
		text-decoration:none;
	}
	#promo_create_custom_design a:hover {
		text-decoration:underline;
	}
	
	#promo_journey_bear {
		background-image:url(../images/promo_journey_bear.jpg);
		margin-bottom:20px;
	}
	#promo_journey_bear a {
		display:block;
		padding-top:30px;
		padding-left:12px;
		padding-right:20px;
		width:148px;
		height:180px;
		text-decoration:none;
	}
	#promo_journey_bear a:hover {
		text-decoration:underline;
	}
	
	#accessories_group {
		background-image:url(../images/accessories-group.jpg);
		background-repeat:no-repeat;
		background-position:right;
		height:270px;
	}
	
/*
***********************************************************

	BLOCKQUOTES & SEPARATORS

***********************************************************
*/	

	.blockquote_beige_280 {
		/*background-color:#EEE5E0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:22px;
		text-align:center;
		line-height:28px;*/
		background-color:#F4F4FF;
		background-image:url(../images/quotes/quote_beige_280_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:280px;
		float:right;
		margin-left:20px;
		margin-bottom:20px;
	}
	.blockquote_beige_280 span {
		display:block;
		background-image:url(../images/quotes/quote_beige_280_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding:20px;
	}
	.blockquote_beige_280 .signature {
		text-align:right;
		font-style:italic;
		margin-top:10px;
	} 
	
	.blockquote_grey_580 {
		background-color:#F0F1F3;
		background-image:url(../images/quotes/quote_grey_580_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		text-align:center;
		font-style:italic;
		font-size:11px;
	}
	.blockquote_grey_580 span {
		display:block;
		background-image:url(../images/quotes/quote_grey_580_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding:20px;
	}
	
	.blockquote_purple_280 {
		background-color:#F4F4FF;
		background-image:url(../images/quotes/quote_purple_280_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:280px;
		float:right;
		margin-left:20px;
		margin-bottom:20px;
	}
	.blockquote_purple_280 span {
		display:block;
		background-image:url(../images/quotes/quote_purple_280_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding:20px;
	}	
	
	.separator_780 {
		height:1px;
		background-image:url(../images/separator_780.png);
		background-repeat:no-repeat;
	}

	.separator_580 {
		height:1px;
		background-image:url(../images/separator_580.png);
		background-repeat:no-repeat;
	}

/*
***********************************************************

	FLOATING ELEMENTS (POLAROIDS)

***********************************************************
*/

	.gallery_category {
		float:left;
		width:172px;
		margin-right:20px;
		margin-bottom:20px;
	}
	
	.polaroid {
		float:left;
		background-image:url(../images/background_polaroid_new.jpg);
		width:176px;
		height:178px;
		margin-right:20px;
		margin-bottom:20px;
	}
	.polaroid_image {
		position:absolute;
		margin-left:13px;
		margin-top:13px;
		width:144px;
		height:144px;
	}
	.zoom { 
		margin-left:128px;
		margin-top:92px;
	}
	.polaroid_title {
		position:absolute;
		width:150px;
		height:32px;
		margin-left:11px;
		margin-top:129px;
		line-height:16px;
		font-size:11px;
		text-align:center;
	}
	.polaroid_title a {
		font-size:9px;
		display:block;
		color:#655B64;
	}
	
	#polaroid_1 {
		position:absolute;
		margin-left: -60px;
		margin-top: -10px;
	}
	#polaroid_1 img {
	   behavior:url(pngbehavior.htc);
	}	
	
/*
***********************************************************

	CUSTOM CLASSES

***********************************************************
*/

	.defaultTable { border-collapse:collapse; border:1px solid #999999; }
	.defaultTable th { background-color:#DDDDDD; border:1px solid #999999; color:#666666; padding:4px; text-align:center; }
	.defaultTable th a { color:#666666; }
	.defaultTable td { padding:4px; border:1px solid #999999; }
	.defaultTable tr.trOver { background-color:#F7FDE3; }
	.defaultTable tr.trOverAdmin { background-color:#D0E3BB; }
	.defaultTable tr.trEven { background-color:#F1F1F1; }
	
	.customFormTable { border-collapse:collapse; background-color:#F3F3FF; }
	.customFormTable th { background-color:#DFDFFF; color:#666666; padding:10px; text-align:left; font-weight:normal; }
	.customFormTable th a { color:#666666; }
	.customFormTable td { padding:10px; }
	.customFormTable table td { padding:0px; border:0px; }
	.customFormTable td.pt0 { padding-top:0px; }
	
	.registrationFormTable { background-color:#F3F3FF; border-collapse:collapse; }
	.registrationFormTable td { padding:6px; border:1px solid #FFFFFF; }
	.registrationFormTable input { width:300px; }
	.registrationFormTable table.noPadding td { padding:0px; border:0px; }
	.registrationFormTable #submit_button { width:100px; }
	.registrationFormTable #email_updates { width:20px; }
	
	.red { color:#FF0000; }
	.featured { background-color:#ECF2DF; }
	.grey { color:#999999; }
	.error { font-weight:bold; color:#FF0000; }
	.success { color:#009900; }
	.switch1 { margin-bottom:20px; margin-left:10px; padding-bottom:20px; padding-left:10px; }
	.active { color:#009900; font-weight:bold; }
	.inactive { color:#FF0000; font-weight:bold; }
	.published { color:#009900; font-weight:bold; }
	.unpublished { color:#FF0000; font-weight:bold; }
	
	#faq_canvas ol li { margin-bottom:20px; }
	
	.toc { list-style-type:none; margin:0px; padding:0px; }
	.toc li { 
		line-height:24px; 
		background-image:url(../images/separator_dot.gif);
		background-repeat:repeat-x;
		background-position:left 18px;
	}
	.toc li a { 
		float:left; 
		padding-left:24px;
		background-color:#FFFFFF;
		padding-right:6px;
	}
	.toc li a.icon_pdf {
		background-image:url(../images/icon_pdf_16x16.gif);
		background-position:left 4px;
		background-repeat:no-repeat;
	}
	.toc li span { 
		float:right; 
		color:#999999; 
		background-color:#FFFFFF;
		padding-left:10px;
	}
	.toc li br { clear:both; }
	
	.stockist { padding:4px; border-bottom:1px solid #FFFFFF; }
	.stockist_official_supplier { padding:4px; border-bottom:1px solid #E1EBE0; }
	.stockist_title { font-weight:bold; margin-bottom:0px; }
	.stockist_address { margin:0px; }
	
	.pic_left { float:left; padding-right:20px; }
	.pic_right { float:right; padding-left:20px; }
	
	.customFormTable td.handle_cell { 
		text-align:center;
		border:1px solid #DFDFFF; 
		background-color:#FFFFFF;
		color:#DFDFFF;
	}
	
	#payment_box {
		background-color:#E3F7D2;
		padding:20px;
	}
	#payment_box h1 { 
		color:#006600;
		margin-bottom:10px;
	}
	#payment_box h2 { margin-bottom:10px; }	
	#payment_box p { margin-bottom:10px; }	

/*
***********************************************************

	MARGIN CLASSES

***********************************************************
*/

	.m0 { margin:0px; }
	.mt0 { margin-top:0px; }
	.mb0 { margin-bottom:0px; }
	.mt10 { margin-top:10px; }
	.mb10 { margin-bottom:10px; }
	.mt20 { margin-top:20px; }
	.mb20 { margin-bottom:20px; }
	
	.mb20li li { margin-bottom:20px; }
	
	.clear { clear:both; height:0px; }