/* CSS Document for Wholesale Flowers and Supplies */
/* v1.0 
Matthew Goodrich - Developer 
*/

/* reset browser defaults */
html, body, tr, td, h1, h2, h3, h4, h5, h6, sup, sub, pre, dl, dt, dd, ol, ul, li, p, hr, br, div, span, form { margin: 0; padding: 0; }
html { font-size: 100%; }

/* headings */
h1, h2, h3, h4, h5, h6 { font-size: 1em; }

/* removes image border on links etc. */
img { border: none; }

/* table padding and margin 'collapse' for all but NN6 (old version(CSS error for NN )) */
table { border-collapse: collapse; }
  table { }
    table td { padding: 3px; }
  
  
/* global classes */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; margin: auto; }

/* background text for Flash player(s) */
.covered, a.PicturePopupClose { font-size: .9em; }
.note { font-size: .85em; }
/* was price */ #lblRetailPriceArea { color: #ff0000; text-decoration: line-through;}

/* horizontal line for tables in 3d cart */
td.line { padding: 5px 0; }

/* text colors */
.white { color: #fff; }
.red { color: #f00;}
.black { color: #000; }
.green { color: #747a4e; }

.bordered { border: 2px solid #fff;}

/* body :: Controls Page Background Color and any other fonts not defined below */ 	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #444;
	/* background: url(../images/bkgd.jpg) top left repeat-x; */
	background: url(../images/bkgdNew.jpg) top left repeat;
}

  .LayoutMiddleBody, #content { font-size: .9em; }
    .LayoutMiddleBody ul { margin-left: 15px; }
  
h1 { font-size: 1.5em;}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; margin: 8px 0;}
  #content h3 { margin: 10px 0 0px 0; padding-left: 25px; }
  
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

/* for colors on any/all of these elements see the color.css file */

p { margin-top: 8px; }
ul.sitemap, ul.links { display: block; margin: 5px 0 0 35px;}
  ul.links li { list-style: none; }

/* containers and wrappers */
#container_wrapper {
	float: none;
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	/* new - Flowers and Supplies doesn't have a Table Wrapper so I use this 
	in the table.Layout below and comment this out instead */ 
	margin-top: 5px; 
	padding: 5px; 
	background: #2f2615 url(../images/bkgdInner.jpg) top left repeat-x; 
	border: 2px solid #fff;
	/* end new */
}
/* AmeriCommerce uses the table.Layout below, 3dCart uses the container_wrapper above. 
If making changes and uploading this file for Flowers and Supplies (sdflowers.com/css) or Wholesale Flowers (inc), 
scroll down to 'cities and states table' on line 230 or so for font size changes */
  table.Layout { 
    /* new 
	margin-top: 5px; 
	padding: 5px; 
	background: #2f2615 url(../images/bkgdInner.jpg) top left repeat-x; 
	border: 2px solid #fff;
	/* end new */
  }
    th { font-size: 1.1em; font-weight: bold; }


#container_wrapper_outer {}
#container_wrapper_inner {}
#container {}

#home { float: left; width: 985px; margin-left: 15px; }

/* Featured Items for homepage */
  #content #video {
    width: 300px;
	text-align: center;
  } 
  #content #featured_item { 
  	width: 300px; 
	text-align: center; 
	float: right; 
	padding: 5px; 
	border: 1px solid #6a5a3b/* #b5a56f */; 
	margin: 10px 12px 0 5px;
	}
    #featured_item h2 { font-size: 1.2em; margin-top: 8px; }
    #featured_item h3 { font-size: 1.1em; margin: 5px 5px 0px 5px;}
	  #featured_item h3 a { font-weight: bold; text-decoration: none; color: #fff; }
	  #featured_item h3 a:hover { font-weight: bold; text-decoration: none; color: #b5a56f; }
	  
	  #featured_item p { padding: 5px; margin: 0; }
	  #featured_item p span a { font-size: .9em; text-decoration: none; }
	  
  /* Online and In-Store coupon information */
    div #couponInfo { width: 780px;}
	  img.print_coupon { margin-left: 10px; }
	  img.print_coupon:hover, img.print:hover { cursor: hand; }
	  
    div #coupons { width: 765px; padding-left: 10px; }
	
	div.coupon_wrapper { float: left; width: 360px; margin-left: 5px; }
	div.coupon { float: left; border: 1px dashed #ccc; padding: 5px;}
	  .valid { display: block; font-size: .85em; text-align: center; margin: auto; }
	  .hidden { display: none;}
	  
	  /* suggestions and archive box */
	  #suggestions, #archives { float: left; }
	    #suggestions { 
		  width: 225px;
		  margin-top: 8px; 
		  margin-left: 15px; 
		  padding: 4px 5px 3px 8px; 
		  border: 1px dotted #ccc;
		  }
		#archives { width: 300px;}

#content a { font-size: 1em; font-weight: normal; text-decoration: underline;}
  .subscribe h4 a { font-size: 1em; font-weight: bold; }

/* about us page fix */
 #content div.inside p { font-size: 1.1em; }
 
 #content p b a { font-weight: bold; text-decoration: none;}
/* inside pages links */
#content td.members a { text-decoration: none; }

/* content box background */
#home #content_wrapper { float: left; width: 780px; text-align: left;}
#home #content { float: left; width: 780px; background: url(../images/content_box.png) top left no-repeat; }
  #home #content p { padding: 15px 15px 5px 25px; text-align: left;}
    #home #content h1, #home #content dl { padding: 15px 0 0 25px; }
	  #home #content dt { font-weight: bold;  }
	  #home #content dd { font-weight: normal; }
  
  div.subscribe, div.thankyou { 
    font-size: .8em; 
	text-align: left; 
	padding: 5px; 
	}
	/* only show thank you if redirected to a thankyou page via jQuery */
    div.thankyou { display: none; }
	/* show more info upon link click */
	.mark { display: none;}

#inside #content_wrapper { float: left; width: 1000px; text-align: left; }
#inside #content { float: left; width: 1000px;}
  #inside #content p { padding: 25px 15px 5px 25px; text-align: left;}
   
  #bottom { float: left; width: 780px; height: 16px; background: url(../images/content_box_bot.png) top left no-repeat; }

/* header section for text and images */
#header { float: left; text-align: left; height: 180px; font-size: 1em;}
#header h1 { font-size: 1.2em; }

  #header #logo { float: left; padding: 3px 0 0 5px; width: 630px; }
    #header #address { 
	  float: left; 
	  width: 330px; 
	  height: 125px; 
	  background: url(../images/address_bkgd-sm.png) top left no-repeat;}
    #header #telephone { float: left; width: 250px; }
      #header #telephone .inside { padding-top: 28px; padding-left: 15px;}
  
#header .inside { padding: 21px 0 0 23px;}

#header #rightbox { float: right; text-align: right; width: 350px;}
  #header #rightbox .inside { float: right; padding: 3px; width: 275px;}
  
#flashcontent { width: 765px; height: 260px; float: left; margin: 0 0 10px 8px; z-index: 5; }

#videocontent { width: 300px; height: 215px; margin-bottom: 5px; }

/* new */
#shadow { text-align: center; margin: auto; background: url(../images/shadow.png) top center no-repeat; height: 60px;}
  
/* gallery info for products and images - thumb galleries */
.gallery_images { margin: 5px; width: 1000px; }
.gallery_thumbs { float: left; margin-top: 5px;}
.gallery_links li { display: inline; margin: 2px; font-size: .9em; color: #aaa;}
  .gallery_links li a { padding: 5px; text-decoration: none; height: 1.4em;  }
  
  #photoMain, #dynloadarea { width: 460px; padding: 5px; float: left; }
  
  .imgSwap { float: left; width: 510px;}
    .imgSwap img { width: 60px; height: 60px; padding: 2px; }	
  
  #txtMain { width: 750px; padding: 5px; float: left; }
    .imgSwapBulk { float: left; width: 175px; }
    .imgSwapBulk img { width: 150px; height: 100px; padding: 2px; }
	
	/* Floral Design Page dl */
	#gallery1 dt { font-weight: bold; margin-top: 10px;}

/* end gallery info for products and images */
 
  /* products content page header - for SEO */
  #lblCategoryHeader h3 { font-size: 1.1em; }
  
  
/* cities and states table */
#cityStateShipping { 
  width: 170px; 
  float: left;
  /* AC .85em */
  /* 3dCart .7em */ 
  font-size: .7em; 
  position: relative;
}
#citiesStates { 
  position: absolute; 
  top: 0px; 
  left: 0px; 
  width: 500px; 
  background: #69583f; 
  border: 1px solid #fff;
  text-align: left;
 }
   div.footer #cityStateShipping { float: none; width: 330px; text-align: center; margin: 5px auto; font-size: .9em;}
   div.footer #citiesStates { width: 800px; left: -240px;}
     #citiesStates p, #citiesStates h3 { padding: 5px;}
   div.footer #citiesStates p { /* AC .85em - 3dCart .95em */ font-size: .95em;}
   #citiesStates h3 { font-size: 1.1em;}
 #citiesStates p { /* AC 1em - 3dCart 1.1em */ font-size: 1.1em;}
  

/* product descriptions, details images and links */
  
  #productDetailImages { float: left; width: 400px; margin-right: 15px; }
    #productDetailImages span { text-align: left; }
	
  #ProdDescription { float: left; width: 450px; }
    .ProductDescriptionHeader { font-weight: bold; }
  #discountsDetails { float: left; width: 900px; }
  #ProdDescription, #discountsDetails { text-align: left; }
  .ProductDetailsQuantityPriceTable td { border: 1px solid #d0c1a5; }
  .ProductDetailsBullets p { padding: 5px 0; }
  
  /* fix product description indent */
  span#lblBullets.ProductDetailsBullets { margin-left: 0px; padding-left: 0px;}
  
  /* product thumbnails margin to show 'zoom' link */
  div.ProductDetailsThumbPhoto img { margin-top: 15px; }
  
/* end product details area */

/* main content area shadow */
.shadow { height: 15px; width: 1000px; /* background: url(../images/shadow.png) top left no-repeat; */}

.title { float: right; text-align: right; width: 1000px; height: 45px;}
  /* .title h1 { background: url(../images/site_logo.gif) top right no-repeat; width: 266px; height: 47px;}
  .title h1 span { display: none; }  */

/* pages with 3 columns for display */
.left_col, .main_col, .right_col { float: left; padding: 5px; }
  .left_col { width: 100px; }
  .main_col { width: 525px; }
  .right_col { width: 235px; }

/* maintext area padding for inner elements */
.maintext { padding: 5px 0; }

/* store-name :: Store Name */	
#store-name { float: left; width: 350px; height: 40px; padding-top: 10px; }	 
.store-name {
	font-size: 35px;
	text-decoration: none;
}

/* store-slogan :: Store Slogan */	
#store-slogan { float: right; width: 350px; height: 40px; padding-top: 10px; text-align: left;}	 
.store-slogan {
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

.topnav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
}

/* menu-headers :: Controls the way the menu headers look */ 
.menu-headers {
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	/* border-bottom: 1px solid; */
}

/* banners :: Controls the way the menu headers look */ 
.banners {
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	border-bottom: 1px solid;
}

/* titles :: Controls the Body Titles such as (Specials, Feature Items, Items, Related Items) */ 
.titles, #imagecaptiont {
	font-size: .9em;
	line-height: 1.1em;
	text-transform: Capitalize;
	
}
  .titles { font-weight: bold; } 

/* data :: Controls body default fonts and colors */
.data {
	font-weight: normal;
}

/* page_headers :: Controls the page's titles */
.page_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


/* icon :: Controls the way the menu icons display */ 
.icon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
 	 
/* a :: Controls the way the  Links look before a user clicks  or mouse overs on them */ 	 
a {
	/* font-size: 10px; */
	line-height: 17px;
	text-decoration: none;
	text-transform: none;
}
	
/* a:hover :: Controls the way the  Links look when a user passes  their mouse over a them */ 	 	
a:hover {
	/* font-size: 10px; */
	line-height: 17px;
	text-decoration: underline;
	text-transform: none;
}

/* a:visited :: Controls the way the  Links look after a user has visited that section */ 
a:visited {
	/* font-size: 10px; */
	line-height: 17px;
	text-decoration: none;
	text-transform: none;
}
	
/* a:visited:hover :: Controls the way the  Links look when a user hovers over a section they have visited */ 	 
a:visited:hover {
	/* font-size: 10px; */
	line-height: 17px;
	text-transform: none;
}

/* a.cat :: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them */ 	 
a.cat {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration:  none;
	line-height: 20px;
}

/* a.cat:hover :: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them */ 	 	
a.cat:hover {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	line-height: 20px;
}

/* a.cat:visited :: Controls the way the  Links on the left bar look after a user has visited that section */ 
a.cat:visited {
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
}

/* A.cat:visited:hover :: Controls the way the  Links on the left bar look when a user hovers over a section they have visited */ 	 
a.cat:visited:hover {
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
} 

/* header menu spacing */
#header_menu a.cat, #header_menu a.cat:hover, #header_menu a.cat:visited {
	border: 1px solid #777;	
}
#header_menu a.selected { border-bottom: none; }


/* side anchors */
a.side {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 20px;
	text-transform: lowercase;
}
a.side:hover {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 20px;
	text-transform: lowercase;
	text-decoration: none;
}


/* menu-text :: Controls the way the menu (mailing list) text look */ 
.menu-text { font-size: 11px; }

/* item :: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color */ 
.item {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* price-info :: controls the way the prices display on the product page */ 
.price-info {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* price :: Controls the way the product's prices display */ 
.price {
	font-size: 13px;
	font-weight: bold;
}

/* checkout-headers :: Controls the titles on the checkout pages (Billing Information, Shipping Information etc) */
.checkout-headers {
	font-size: 1.1em;
	font-weight: bold;
}

/* titles2 :: Controls the titles on the view cart page */ 
.titles2 {
	font-size: 12px;
	font-family: Georgia;
	font-weight: bold;
	border-bottom: 1px solid;
	text-transform: lowercase;
} 
/* alternative :: Controls the form backgrounds and other areas that requred an alternative color */
.alternative {
	padding: 2px 4px 2px 4px;
	border: 1px solid;
}

/* borders_coupon :: Controls the color of  the borders on the coupon and shipping box */ 
.borders_coupon { border: 1px solid; }

/* steps :: Controls the way the steps on the checkout pages display */
.steps {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: lowercase;
}

/* steps_on :: Controls the way the steps on the checkout pages display */
.steps_on {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: lowercase;
}

/* error :: Controls the error messages */ 
.error {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e10e04;
	text-decoration: none;
}

/* options-titles :: Controls the way the titles on the product options display */
.options-titles {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

/* cart-text :: Controls the way the text inside the shopping cart looks */ 
.cart-text {
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: Normal;
	line-height: 13px;
}

/* invoice_title :: Controls the way the title of the invoices look */ 
.invoice_title {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
} 

/* invoice_table :: Controls the background color on your invoices */ 
.invoice_table {} 

/* font1 :: Primary Screen Font */ 
.font1, .font2 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: Normal;
}

/* btn :: Controls the buttons */ 
.btn {
	cursor: pointer;
	padding: 1px 3px;
	border: 1px none;
	line-height: 15px;
	} 

/* btn_over :: Controls the buttons */ 
.btn_over {
	cursor: pointer;
	padding: 1px 3px;
	border: 1px none;
	line-height: 18px;
	} 

/* btn2 :: Controls the buttons */
.btn2 {
	border: 1px solid;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
	text-transform: lowercase;
	padding: 2px 2px 3px;
	} 
	
.btn3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	cursor: pointer;
	padding: 1px 3px;
	text-transform: lowercase;
	border: 1px none;
	line-height: 15px;
	} 
	
/* txtBoxStyle :: Controls the text boxes */  	
.txtBoxStyle {
    border: 1px solid;
    font-weight: normal;
    font-size: 11px;
	} 
	
/* txtareaStyle :: Controls the text areas */ 	
 .txtareaStyle {
    border: 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;;
    font-size: 11px;
	height: 80px;
	width: 250px;
	}
	
  /* image thumbnails resizing for store */
  .ProductDetailsPhoto { height: 350px; width: 350px;}
    .ProductDetailsPhoto img { max-width: 350px; max-height: 350px;}
  
  .ProductDetailsThumbPhoto img { height: 75px; width: 75px; }
  
  /* Product Listing Box area - height and spacing */
  #divProductRow { min-height: 205px; }
  hr.CategoryProductSeperator { margin-bottom: 5px; }
  

/* top of page links for My Account, Checkout, etc. */	
.toplinks {
	padding: 3px 2px;
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
	text-transform: lowercase;
	text-decoration: none;
}
.toplinks:hover {
	padding: 3px 2px;
	font-weight: bold; 
	font-size: 10px;
	font-style: normal;
	text-transform: lowercase; 
	text-decoration: none;
}
.toplinks:visited {
	padding: 3px 2px;
	font-weight: bold; 
	font-size: 10px;
	font-style: normal;
	text-transform: lowercase; 
	text-decoration: none;
}
.toplinks:visited:hover {
	padding: 3px 2px;
	font-weight: bold; 
	font-size: 10px;
	font-style: normal;
	text-transform: lowercase; 
	text-decoration: none;
}

/* reset text size */
.text { font: 10px/17px Arial, Helvetica, sans-serif; }

.text2 { font: 12px/17px Arial, Helvetica, sans-serif; }

/* footer area */
/* footer :: Displays at the very bottom of your online store,  copyright and desgined by notices */

.footer, footer a { font-size: .9em; font-weight: normal; text-align: center; text-decoration: none; margin: auto; padding: 10px 0; }
  .footer p { font-size: .9em; line-height: 1.2em; }

.footer a:hover { text-decoration: none; }

.footer a:visited  { text-decoration: none; }
.footer:visited a:hover { text-decoration: none; } 

table.footerlinks td span.icon { padding: 3px 5px; }


/* tables info */
table.border { border: thin solid; }

.subheading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	text-transform: none;
}
.heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	text-transform: lowercase;
}
.availability {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: 17px;
	font-weight: normal;
	text-transform: lowercase;
}

.phone {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
}
/* form field information */
input, textarea, select, option {
	padding: 2px;
	font-size: 11px;
	line-height: 16px;
}
.leftnav {
	text-decoration: none;
	font-weight: normal;
}
.leftnav:hover {
	text-decoration: underline;
	font-weight: normal;
}
.leftnav:visited {
	text-decoration: none;
	font-weight: normal;
	}

#sale { }

/* clears and floats */
.clear { clear: both; line-height: 0px; height: 0px; }

.floatleft { float: left; padding: 3px;}
  .floatleft img { margin: 2px; }
  
.floatright { float: right; padding: 3px; }
  .floatright img { margin: 2px; }

.clearfix:after {
  content: ".";
  display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block;}
/* end hide from IE-mac */