/* 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%; }

/* always show scrollbar in FF ( page popping back and forth so it's annoying. The one thing on the web that IE does better than FF 
don't care much about Opera though (sorry users, but you only account for 5% of the market */
html { overflow: -moz-scrollbars-vertical; }

form { padding-left: 15px;}
/* headings */
h1, h2, h3, h4, h5, h6 { font-size: 1em; }

/* removes image border on links etc. */
img { border: none; }
  p img { margin: 0px 2px; }

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

.sm { font-size: .8em; padding-left: 2px;}
  .note { font-size: .85em; font-style: italic; }
    .close { font-size: .8em; padding: 8px 8px 0px 0px; text-align: right; text-decoration: none;}
      .right_col_sm div.close a, .right_col_sm div.close a:visited, .right_col_sm div.close a:active, .right_col_sm div.close a:link { text-decoration: none;}
	  .close a:hover { text-decoration: underline;}

/* background text for Flash player(s) */
.covered { font-size: .9em; }
  pre { padding-left: 15px;}

/* body :: Controls Page Background Color and any other fonts not defined below */ 	
body {
	font-family: "Times New Roman", serif;
	font-size: .9em;
	background: url(../images/bkgd.gif) top left repeat;
}

  #content { font-size: .9em; }
  
h1 { font-size: 1.3em;}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; margin: 5px 0 0 5px;}
  
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: 3px; }
ul.sitemap, ul.links { display: block; margin: 5px 0 0 35px;}
  ul.links li { list-style: none; }
  
  dl, dt{ padding: 5px 10px;}
    dt { font-weight: bold;}
	
    dd { padding: 2px 15px;}

/* containers and wrappers */
#container_wrapper {
	float: none;
	width: 1000px;
	text-align: center;
	margin: 15px auto 0;
	background: url(../images/sub_containersm.gif) bottom left repeat-y;
	border: 1px solid #555;
}

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

/* header section for text and images */
#header { float: left; text-align: left; width: 1000px; height: 295px; font-size: 1em; }

#header h1 { font-size: 1.2em; padding-top: 10px; }

/* headings and images */
h1.weddingsH1 { background: url(../images/wedding_flowers.png) no-repeat; height: 40px; }

#content h1 { margin: 5px 0px 0px 10px ; }
  h1.weddingsH1 span, h1.sdweddingsH1 span, h1.designersH1 span, h1.bouquetsH1 span, h1.boutonnieresH1 span, h1.ceremonyH1 span, h1.receptionH1 span, h1.cakeH1 span, h1.everydayH1 span, h1.moreEverydayH1 span, h1.errorH1 span, h1.sdweddingsportfolioH1 span { display: none; }


h1.sdweddingsH1 { background: url(../images/san_diego_weddings.png) no-repeat; height: 50px; }

h1.sdweddingsportfolioH1 { background: url(../images/san_diego_weddings_portfolio.png) no-repeat; height: 50px; }

h1.designersH1 { background: url(../images/our_designers.png) no-repeat; height: 50px; }

h1.bouquetsH1 { background: url(../images/wedding_bouquets.png) no-repeat; height: 50px; }  
  
h1.boutonnieresH1 { background: url(../images/boutonnieres_corsages.png) no-repeat; height: 50px; }

h1.ceremonyH1 { background: url(../images/wedding_ceremony_flowers.png) no-repeat; height: 50px; }

h1.receptionH1 { background: url(../images/wedding_reception_flowers.png) no-repeat; height: 50px; }

h1.cakeH1 { background: url(../images/wedding_cake_flowers.png) no-repeat; height: 50px; }

h1.everydayH1 { background: url(../images/everyday_flowers.png) no-repeat; height: 50px; }

h1.moreEverydayH1 { background: url(../images/more_everyday_flowers.png) no-repeat; height: 50px; }

h1.errorH1 { background: url(../images/404Error.png) no-repeat; height: 50px; }

  #header #logo { float: left; padding: 3px; width: 345px; height: 200px;}
  #header #logo p { padding: 10px 0 0 5px; }
  
  #header .address { width: 300px; border-top: 1px solid #ddd; margin: 5px 0 0 10px; }

#header.inner { height: 120px; }
#header.inner #logo { height: 105px; }
  #header.inner #rightbox { float: right; width: 640px; text-align: right;}
  
  #header #rightbox { float: right; text-align: left; width: 640px; font-size: .95em; margin-top: 5px; vertical-align: top;}
    #header #rightbox img {  margin: 0; padding: 0;}
    #header #rightbox .inside { float: right; width: 275px; height: 105px; display: inline; padding: 5px 5px 5px 5px; text-align: left;}
	#header #rightbox .inside_yelp { float: right; width: 180px; display: inline; padding: 5px 5px 5px 5px; text-align: left;}
	#header #rightbox .inside_real { float: right; width: 260px; display: inline; padding: 5px 5px 5px 5px; text-align: left;}
	#header #rightbox .inside_btn { float: right; width: 35px; padding: 0px 8px 0px 5px; text-align: left;}
	  #header .address .inside_btn { float: right; width: 35px; padding: 12px 8px 0px 5px; text-align: left;}
	  #rightbox .inside_btn a:hover, #header .address .inside_btn a:hover { text-decoration: none;}
	
	  #header #rightbox .inside h3 { padding: 0px; margin: 0px;}
	
	#header #rightbox.home p { padding: 5px 8px 0 0; }
  
#header .inside { padding: 20px 10px 0 25px;}


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

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

/* content box background */
#content_wrapper { 
	float: left; 
	width: 1000px; 
	text-align: left;
	padding-top: 10px;
}
  #content { float: left; width: 1000px; position: relative; z-index: 5; }
	
    #content div#maintxt { float: left; width: 489px; }
	  #content div#maintxt { float: left; width: 480px; }
	    
		#content div#maintxt .portfolio { float: left; width: 900px;}
	  
  #content p { padding: 15px 10px 5px 15px; text-align: left;}
    #content p.action { padding-left: 25px; margin-left: 8px; background: url(../images/headings.png) left no-repeat; }

/* flass player div */ 
#flashcontent { width: 1000px; height: 465px; float: left; margin: 0; z-index: 5; position: relative;}

/* jQuery lightBox plugin - Gallery style */

	#gallery ul, #gallery2 ul, #gallery3 ul, #gallery4 ul, #gallery5 ul, #gallery6 ul { list-style: none; }
	#gallery ul li, #gallery2 ul li, #gallery3 ul li, #gallery4 ul li, #gallery5 ul li, #gallery6 ul li { display: block; margin-bottom: 5px; }
	#gallery ul.secondary li, #gallery2 ul.secondary li { display: inline; margin-bottom: 5px; }
	  
	  .gallery_thumbs #gallery ul li, .gallery_thumbs #gallery2 ul li, .gallery_thumbs #gallery3 ul li, .gallery_thumbs #gallery4 ul li, .gallery_thumbs #gallery5 ul li, .gallery_thumbs #gallery6 ul li { display: inline; margin: 0;}
	    #content .post .entry #gallery .imgSwap ul li { display: inline; margin: 5px 0; list-style: none;}
		  #content .post .entry #gallery .imgSwap { margin: 5px 0; }
		
	  .gallery_thumbs #gallery ul img, .gallery_thumbs #gallery2 ul img {
	  }
	#gallery ul.secondary img, #gallery2 ul.secondary img {
		border: 2px solid #fff;
	}
	#gallery ul a:hover img, #gallery2 ul a:hover img {
		color: #fff;
	}
	#gallery ul a:hover, #gallery2 ul a:hover { color: #fff; }
/* gallery info for products and images - wedding photos thumb galleries */
.gallery_images { float: left; margin: 5px; width: 500px; border-left: 1px solid #ddd; }
  #content.portfolio .gallery_images { width: 485px; border: none; }
  #content.portfolio .leftside { border-right: 1px solid #ddd; }
  
.gallery_thumbs { float: left; margin: 5px 0 0 5px; width: 500px;}
.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, #photoMain2, #photoMain3, #photoMain4, #photoMain5, #photoMain6 { width: 460px; padding: 5px; float: left; }
    /* #photoMain {  padding-bottom: 30px; background: url(../images/shadowsmall.png) bottom no-repeat;} */

    #Large, #Large2, #Large3, #Large4, #Large5, #Large6 { height: 250px; border: 4px solid #fff; }
  
  .imgSwap { float: left; width: 500px;}
    .imgSwap img { width: 40px; height: 40px; padding: 3px; border: 1px solid #ddd;}
	.imgSwap a:hover img { border: 1px solid #aaa;}	
  
  #txtMain { width: 750px; padding: 5px; float: left; }
    .imgSwapBulk { float: left; width: 175px; }
    .imgSwapBulk img { width: 150px; height: 100px; padding: 2px; }


/* end gallery info for products and images */
/* END jQuery lightBox plugin - Gallery style */

/* 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 { float: left; width: 200px; padding: 10px 5px 5px; }
    .left_col p { text-align: center; margin: auto;}
  .main_col { float: left; width: 525px; }
    .main_col h1, h2, h3 { padding: 15px 15px 5px;}
	
  .right_col { float: left; width: 205px; padding: 10px 0px 0px; border: 1px solid #b9a38b; margin: 25px 2px 5px; }
  
  .left_col, .main_col, .right_col { display: inline; /* IE double margin fix */ }
  
  .right_col_sm { 
    width: 250px; 
	padding: 5px 0px 20px; 
	border: 1px solid #b9a38b; 
    margin: 5px 2px 5px; 
    position: absolute; 
	bottom: 18px; 
	right: 15px; 
	background: #ccc;
	filter: alpha(Opacity=80);
	opacity: .80;
	z-index: 15;
	}
	.right_col_sm p { margin-left: -4px; }
    .right_col ul, .right_col_sm ul { margin-left: 10px; }
  
	.left_col p, .left_col img, .main_col p, .main_col ul { padding: 5px; }
	  .right_col p { padding: 2px 0; }
	  .right_col ul { padding: 8px 8px 18px; }

/* maintext area padding for inner elements */
.maintext { padding: 5px 0; }
 	 
/* a :: Controls the way the  Links look before a user clicks  or mouse overs on them */ 	 
a { text-decoration: none; } 	
a:hover { text-decoration: underline; }

a:visited { text-decoration: none; }
a:visited:hover { text-decoration: underline; }

/* 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;
	}

/* footer area */
/* footer :: Displays at the very bottom of your online store,  copyright and desgined by notices */
.footer { font-size: .8em; background: url(../images/shadowtall.png) top center no-repeat; width: 1000px;}

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

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

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


/* form field information */
input, textarea, select, option {
	padding: 2px;
	font-size: 11px;
	line-height: 16px;
}

/* 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 */