@charset "utf-8";
/* ------------------------------------------------------
 
 Date Created: Saturday, August 10, 2002 3: 44: 01 AM
 Last Modified: Monday, June 28, 2004 06: 18 PM
 Revision: 1.0

 Function: Define the layout and appearance of the link
 and content div for later browsers (ns6+ ie5+)
 I know this is all pretty verbose, but when you're wrapping
 a number of these apps as often as I do, it's simpler.
 
 1 tab=4 spaces.

------------------------------------------------------- */

/* Handle the BS differences between browsers */
div, h1, h2, h3, p, a, td{
	margin: 0px;
	padding: 0px;
}
/* ----------------------------------------------------- */
/* General tag defs */
html, body {
	margin: 0px;
	padding: 0px;
	color: #295226;
	background-color: transparent;
	font: 11px/175% Arial, sans-serif;
	background-image: url(../images/template_images/bg_blue_pin.gif);
}
a {
	color: red;
	background-color: transparent;
	text-decoration: none;
}
a: visited {
	color: blue;
	background-color: transparent;
}
a: hover {
	color: green;
	background-color: transparent;
}
a: active {
	color: red;
	background-color: transparent;
}
form {
	display: block;
}
fieldset {
	margin: 0px;
	padding: 0px;
}
legend {
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
}
sup {
	font-size: 80%;
}
/* ----------------------------------------------------- */
/* Identified and classed items */

#container {
	padding: 0px;
	margin: 0px auto;
	width: 95%;
	color: #000;
	background-color: #FFF;
	/*border: 3px solid red;*/
}
#mast_table {
	width: 90%;
}
table#content_frame {
	margin: 0px;
	width: 100%;
}
/* ----------------------------------------------------- */
/* Sidebar */
#sidebar {
	width: 175px;
	margin: 0px;
	padding: 20px 20px 5px 5px;
	background-color: transparent;
}
#sidebar a {
	display: block;
	width: 170px;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 2px 5px;
	color: #000000;
	background-color: transparent;
	 /*border: 1px solid #000000; MOVE THIS TO AN LI ??? XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	text-decoration: none;
	font-weight: bold;
}
#sidebar a: hover {
	display: block;
	width: 170px;
	margin: 0px -1px 10px -1px;
	padding: 2px 0px 2px 5px;
	color: #6F3D40;
	background-color: #BBBC32;
	border: 1px solid #6F3D40;
	text-decoration: none;
}
#sidebar ul, ol, li {
	margin: 0px;
	padding: 0px;
}
/* ------------------------------------------------------- */
/* Utility forms usually found in sidebar */

#form_login {}
#form_subscribe_to_newsletter {}
#form_site_search {
	margin-bottom: 25px;
}
.sidebar_forms {
	position: relative;
	left: 5px;
	top: 10px;
	width: 145px;
	font-size: 9px;
	font-weight: bold;
	margin: 0px;
}
.sidebar legend {
	font-size: 9px;
}
.textfield {
	width: 122px;
	margin: 0px 10px 5px 5px;
	padding: 3px;
	border: 1px solid grey;
	font-size: 10px;
}
.button {
	font-size: 9px;
	font-weight: bold;
	margin: 3px 0px 3px 3px;
	float: right;
}
/* ------------------------------------------------------- */
/* Commerce Engine stuff (found in sidebar) */

#search_product_form_input {
	width: 210px;
	border: 2px solid black;
}
#search_product_form_submit {
	border: 1px solid #94A2FF;
	color: inherit;
	background-color: #94A2FF;
	padding: 1px 3px 0px 3px;
}
.nav_links_item li {
	list-style: none;
}
.nav_links_item ul {
	margin: 0px;
	padding: 0px;
}
.nav_links_item ul li {
	margin: 0px;
	padding: 0px;
}
/* CSS class for menu headers in general (expanding or not!)*/
.nav_links_header {
	width: 170px;
	margin-bottom: 5px;
	padding: 4px 4px 4px 15px;
	border: 1px solid #000000;
	background: url(/css/ui/images/accordion/arrowbullet.png) no-repeat center left;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}
.nav_links_header: hover {
	background-color: #BBBC32;
}

/* CSS class to apply to expandable header when it's expanded*/
.nav_links .openheader {}

/* CSS for UL of each sub menu*/
.nav_links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: .25em;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
/* background colours for different sections */
.pub_sections li {
	background-color: #E0E08A;
}
.prv_sections li {
	background-color: #D3D35A;
}
.prd_sections li {
	background-color: #52D191;
}
.nav_links ul li a: visited {}
/* Hover state CSS*/
.nav_links ul li a: hover {
	color: #000000;
	background-color: #949AFF;
}
/* ----------------------------------------------------- */
/* Random images above the fold */
#footer {
	padding: 0px;
	height: 13px;
	background-color: transparent;
	font-size: 11px;
}
/* ----------------------------------------------------- */
/* Content sections */

table#content_frame #content {
	width: 100%;
	padding: 10px 10px 5px 5px;
	font-size: 10pt;
	color: #transparent;
}
table#content_frame #content h1, h2, h3, p {
	margin-bottom: .5em;
}
table#content_frame #content h1 {
	font-size: 16pt;
	line-height: 155%;
	color: #999900;
	background-color: transparent;
	border-bottom: 2px solid #999900;
	padding-bottom: -3px;
}
table#content_frame #content h2 {
	font-size: 14pt;
	font-weight: normal;
	line-height: 150%;
	color: #043e06;
	background-color: transparent;
}
table#content_frame #content h3 {
	font-size: 12pt;
	line-height: 150%;
	color: #043e06;
	background-color: transparent;
	padding: 20px 0px 0px 0px;
}
table#content_frame #content h4 {
	font-size: 10pt;
	line-height: 100%;
	color: black;
	background-color: transparent;
	padding: 0px 0px 0px 15px;
}
table#content_frame #content p {
	font-size: 10pt;
	line-height: 175%;
	color: #000000;
	background-color: transparent;
	margin: 15px 0px 15px 0px;
}
table#content_frame #content li {
	font-size: 10pt;
	line-height: 175%;
	color: #000000;
	background-color: transparent;
}
/* ----------------------------------------------------- */
/* Publisher (found in content div) */

#article_display {
	color: inherit;
	background-color: transparent;
}
#article_display h2 {
	color: #043e06;
	background-color: transparent;
}
#article_display img {
	border: none;
	margin: 0px 0px 0px 5px;
}
/* Sections */
.section_title {
}
.section_article_block {
	margin: 10px;
	background-color: transparent;
	line-height: 150%;
}
.section_article_block h2 a {
	margin: 10px 0px 0px -10px;
	background-color: transparent;
}
.section_article_block img {
	width: 125px;
	border: none;
	margin: 5px 5px 5px 5px;
}
#section_description {
	margin: 20px 50px 20px 0px;
	background-color: transparent;
}
#section_description h3 {
	background-color: transparent;
}
.more_link {
	font-size: 80%;
	margin-left: 10px;
}
/* ------------------------------------------------------------ */
/* Contact form */

#contacttable {
	border: none;
	font-size: 95%;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
}
#contacttable td {
	padding: 1px;
}
#contacttable th {
	text-align: left;
}
.contacttableheader {
	color: #000;
	background-color: transparent;
	font-weight: bold;
}
.inputsmaller {
	border: 1px solid #043e06;
	width: 15%;
	margin: 2px;
}
.inputsmall {
	border: 1px solid #043e06;
	width: 50%;
	margin: 2px;
}
.inputmedium {
	border: 1px solid #043e06;
	width: 75%;
	margin: 2px;
}
.inputlarge {
	border: 1px solid #043e06;
	width: 98%;
	margin: 2px;
}
.inputsubmit {
	text-align: right;
}
.radiosmall {
	height: 1em;
	width: 1em;
}
.selectlarge {
	border: 1px solid #043e06;
	width: 175px;
	margin: 2px;
}
.error {
	font-weight: bold;
	color: #000;
	background-color: #FF0000;
	background-image: none;
}
/* ------------------------------------------------------------ */
/* Article specific styles */

.table-borders {
	border: 0px solid #043e06;
	margin: 10px auto 10px auto;
}
.table-borders th {
	background-color: #4DB3FD;
	text-align: left;
	padding: 2px;
}
.table-borders td {
	padding: 2px;
	border: 1px solid #043e06;
}
.table-borders .alt_row {
	background-color: #043e06;
}
/* ------------------------------------------------------------ */
/* Various classes for article items */

.marketer {
	text-align: right;
	background-color: transparent;
	font-size: 11px;
	margin: 1px auto 10px auto;
	padding: 0px;
	width: 90%;
}
.marketer a {
	color: #BBBC32;
	background-color: transparent;
}
#product_description {
	clear: both;
	margin-bottom: 10px;
}
#product_description img {
	margin: auto 10px auto -10px;
}
/* This used to hide the "other" specific field. Keeping it just in case... */
#referred_by_other {
	visibility: visible;
	width: 300px;
}
table#article_file_download {
	width: 80%;
	border: 1px solid black;
	margin: 10px 0 0 25px;
}
table#article_file_download th {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #000;
	background-color: transparent;
	padding: 2px;
	border: 1px solid black;
}
table#article_file_download td {
	text-align: left;
	font-size: 100%;
	padding: 2px;
	border: 1px solid black;
}
td#table_header {
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	font-family: Georgia, Palatino, serif;
	padding: 2px;
}
#category_description {
	margin: 10px;
	color: #00009C;
	border-bottom: 7px solid #94A2FF;
}
hr.footer_rule {
	border: 1px solid #BBBC32;
}
.footer_contact {
	font-size: 11px;
	margin-left: 5px;
}
/* CSS Document */

/*

 Frank Marion
 http: //www.frankmarion.com

 Date Created: Thursday, May 09, 2002 9: 34: 30 PM
 Last Modified: 2010-02-25; 10: 19 PM
 Revision: 1.2

 This is the general style sheet for the tidysflowers.com
 website. It deals only with the tag appearance. No layout
 tags involved.


@media only screen and (max-device-width: 480px) {
 .navigation {
 display: none;
 }
}
*/

/* ------------------------------------------------------*/
/* General tag definitions */

/* Content cell */
#content {
	padding: 5px;
	width: 350px;
}
/* Top navigation links */
.top_nav {
	margin-right: 5px;
	font-weight: bold;
}
/* Product Search form */
#search_product_form {
	display: inline;
	width: 60px;
}
#search_product_form fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}
#search_product_form input {
	border: 2px solid green;
	width: 80px;
}
/* Template: Top product nav */
#top-menu * {
	list-style: none;
	font-size: 18px;
	line-height: 200%;
}
li.level-1 {
	font-weight: normal;
}
li.selected * {
	font-weight: bold;
	color: green;
}
li.level-2 .selected: active {
	background-color: yellow;
}
/* Template: footer */
template_copyright {
	float: right;
}
template_marketer {
	float: left;
}
template_cat_h1 {}
template_cat_desc {}
/* Catalogue grid */
table.catalogue_layout_grid {}
td.catalogue_grid_cell {
	padding: 0px;
	width: 25%;
	border: 1px solid green;
	text-align: center;
}
td.catalogue_grid_cell img {
	border: 1px solid #E9E9E9;
}
td.catalogue_grid_cell_alt {
	background-color: #E9E9E9;
}
/* Small product display (list view) */
.product_display_small {
	min-height: 375px;
	height: auto !important;
	height: 100%;
	margin: 5px;
	padding: 0;
	position: relative;
}
.product_display_small img {
	margin: 0px auto;
	margin-left: 5%;
	max-width: 175px !important;
	max-height:250px !important;
}
.product_display_small .product_details {
	display: block;
	width: 100%;
	min-height: 25%;
	height: auto !important;
	height: 25%;
	position: absolute;
	bottom: 1px;
	clear: both
}
/* Show cart sidebar item */
.show_cart {}
/* Previous/Next links */
.prev_next_nav {
	display: block;
	float: right;
}
.prev_next_nav .info {
	margin-right: 25px;
}
.prev_next_nav .links {
	margin: 0px 5px 25px 0px;
}
/* fuseaction=display_large_image */
.product_display_large {
}
.product_display_large fieldset {
	width: 100%;
	margin-left: 15%;
}
.product_display_large .product_image {
	width: 100%;
	text-align: center;
}
.product_display_large .product_caption {
}
.product_display_large .product_name {
	margin: 15px auto;
	width: 450px;
}
.product_display_large .price {
	display: inline-block;
	width: 100%;
	padding-left: 35%;
	margin: 0px 0 10px 0;
}
.product_display_large .disclaimer {
	margin-top: 2em;
}
.product_display_large .product_multiple_image_description {
	margin: 15px auto;
	width: 450px;
}
.product_display_large .add_to_cart_button {
	margin: 0px 0px 0px 35%;
}
#product_price_alt_choice {
	line-height: 200%;
	width: 75%;
	padding: 0px 0px 0px 15%;
}
#product_price_alt_choice label {
	display: block;
}
#product_price_alt_choice input {
}
/* fuseaction=edit_cart */
.form_add_to_cart {
	display: block;
	margin: 0 0 5px 0;
}
.form_add_to_cart fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}
.promo_cards_n_bears {
	margin: 15px;
}
.cart_edit_submits {
	text-align: right;
}
/* ------------------------------------------------------*/
/* Client billing information name form table */
.order_entry_form {
	width: 75%;
	margin-bottom: 15px;
}
.order_entry_form_td_first {
	width: 25%;
}

.order_entry_form input {
	width: 98%;
	margin-right: 2px;
	border: dotted 1px red;
}

.order_entry_form textarea {
	width: 98%;
	margin-right: 2px;
	border: dotted 1px red;
}
.order_entry_form input[type='radio'] {
	width: 1em;
}
.order_entry_form th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}

.highlight {
	color: #000;
	background-color: lightblue;
}
/* In some places, we toggle form/table elements visibility */
.show_new_ship_addr {
/* Let the browser choose */
}
.hide_new_ship_addr {
	display: none;
	height: 0px;
}
.show_new_bill_addr {
/* Let the browser choose */
}
.hide_new_bill_addr {
	display: none;
	height: 0px;
}
.show_new_card {
/* Let the browser choose */
}
.hide_new_card {
	display: none;
	height: 0px;
}
#product_substitution_table label {
	display: block;
	padding-bottom: 15px;
}
#payment_info_table label {
	display: block;
	padding-bottom: 15px;
}
/* ------------------------------------------------------*/
/* Client billing information form table */
.billing_info_table {
	margin-bottom: 15px;
}
.billing_info_table th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}
/* ------------------------------------------------------*/
/* Client shipping information form table */
.shipping_info_table {
	margin-bottom: 15px;
}
.shipping_info_table th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}
/* ------------------------------------------------------*/
/* Order notes form table */
.order_notes_table {
	margin-bottom: 15px;
}
.order_notes_table th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}
/* ------------------------------------------------------*/
/* Order notes form table */
#product_substitution_table {
	margin-bottom: 15px;
}
#product_substitution_table th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}
/* ------------------------------------------------------*/
/* Payment entry (credit card) form table */
#payment_info_table {
	margin-bottom: 15px;
}
#payment_info_table th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}
#payment_info_table .card_radio {}
/* ------------------------------------------------------*/
/* Account creation form table */
#special_notes {
	display: block;
	float: right;
}
/* ------------------------------------------------------*/
/* Account creation form table */

#account_create_table {
}
#account_create_table th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}
#account_create_table strong {
	font-size: 14px;
}
#account_create_table input[type='checkbox'] {
	width: 1em;
}
/* ------------------------------------------------------*/
/* Table that contains the order confirmation data */

#order_confirmation_table {
	margin: 15px 0px 15px 0px;
	font-weight: bold;
}
#order_confirmation_table div {
	margin-bottom: 10px;
	border-bottom: 1px solid gray;
}
#order_confirmation_table strong {
	clear: left;
}
#order_confirmation_table span.header {
	display: block;
	clear: left;
	color: red;
}
#order_confirmation_table th {
	color: #FFF;
	background-color: #94A2FF;
	font-weight: bold;
	text-align: left;
}
#order_confirmation_table td {
	padding: 3px;
	padding-bottom: 10px;
	line-height: 175%;
	width: 50%;
}
#order_confirmation_table a {
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	margin-right: 5px;
	color: #000;
	background-color: transparent;
}
#order_confirmation_table strong {
	color: #7A7A7A;
	background-color: transparent;
}
#continue_checkout {
	width: 75%;
	text-align: right;
}
#continue_checkout p {
	text-align: left;
}
.edit_button {
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	margin-right: 5px;
	color: #000;
	background-color: #A747A7;
}
/* ------------------------------------------------------*/
/* Text entry fields in order form */
#order_confirmation_table .link_edit {
	float: right;
	font-weight: bold;
}
/* ------------------------------------------------------*/
/* Text entry fields in order form */
.err_form_input {
	font-weight: normal;
	border: 1px solid #94A2FF;
}
.err_validation {
	color: yellow;
	background-color: salmon;
	min-height: 4em;
	height: auto !important;
	height: 4em;
	margin: .25em auto .25em auto;
}
/* ------------------------------------------------------*/
/* General purpose classes */
.show {
	display: block;/* Let the browser choose */
}
.hide {
	display: none;
	height: 0px;
}
/* 
	"Fake" a button to link to the large product display in the catalogue 
	Usage: <a href="" class="button_link">Buy now!</a>
*/
.button_link {
	width: 100px;
	background-color: cornsilk;
	border: 1px solid red;
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.button_link:hover {
	background-color: #0C3;
}