/* 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; }
.hover { color: #ccc; cursor: pointer; }

.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;}
	 
.inside {  padding: 15px 5px 10px 15px; }

/* background text for Flash player(s) */
.covered { font-size: .9em; }
  pre { padding-left: 15px;}
  
/****** define element widths for page resonsiveness (mobile, tablets) *******/

#header, #content_wrapper, #content, .shadow, .title { /* width: 1100px; */ }

#home { /* width: 985px; */ }

#content div#maintxt .portfolio { /* width: 900px; */ }

#header.inner #rightbox { /* width: 870px; */ }

#slideflashcontent, #intro #content, #videos { /* width: 715px; */ }

#flashcontent { /* width: 650px; */ }

#header #rightbox { /* width: 600px; */ }

#rightbox #flashcontent { /* width: 500px; */ }

  #intro #header .address, #content div#maintxt { /* width: 480px; */ }
  
/******************** end element widths for responsiveness ******************/

/* 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/bkgdNew.jpg) top left repeat-x;
}

  #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 {
	background: url(../images/blank.gif) top left repeat;
}

#container_wrapper_outer {
	float: none;
	width: 100%;
	text-align: center;
	margin: 5px auto 0;
	}
#container_wrapper_inner { }
#container {}

/* header section for text and images */
header { float: left; width: 100%; }
#header { float: none; width: 1100px; height: 125px; font-size: 1em; text-align: center; margin: auto; }

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


  #header #logo { float: left; padding: 3px; width: 220px; }
  #header #logo p { padding: 10px 0 0 5px; }
  
  #header .address { float: left; width: 250px; margin: 5px 0 0 10px; }
    #intro #header .address { float: left; width: 480px; margin: 5px 0 0 30px; }
  
  #header #rightbox { float: right; text-align: left; width: 600px; font-size: .95em; margin-top: 5px; vertical-align: top;}
    #header #rightbox img {  margin: 0; padding: 0;}
	
    #header #rightbox .inside { float: right; width: 250px; 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: 240px; display: inline; padding: 5px 5px 5px 5px; text-align: left;}
	
	#header #rightbox .inside_btn { float: right; width: 100px; padding: 13px 0px 0px 3px; text-align: left; }
	  #header .address .inside_btn { float: right; width: 250px; 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;}

#header.inner { height: 125px; }
#header.inner #logo { height: 105px; }
  #header.inner #rightbox { float: right; width: 870px; text-align: right;}
  
  
#bestFlowers { float: left; width: 285px; height: 100px; margin-top: 10px; }
  
/*********** end header section ***********************/


#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; }

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

#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_weddings2.png) no-repeat; height: 50px; }

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

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

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

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

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

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

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

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

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


/***** content box background *******/
#content_wrapper { 
	float: none; 
	width: 1100px;
	padding-top: 10px; text-align: center; margin: auto;
}
  #intro #content { float: left; width: 715px; position: relative; z-index: 5; }
  
  #content { float: left; width: 1100px; position: relative; z-index: 5; text-align: left; }
  
	  #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/headings2.png) left no-repeat; }

/* flash player div */ 
#flashcontent { width: 650px;  float: left; margin: 0; z-index: 5; position: relative;}


/* video player for portfolio page */
#videos { width: 715px; padding: 10px; border: 1px solid #155c86; text-align: center; margin: auto; }
  #mediaplayer { background: url(../videos/preview.gif)center center no-repeat; }

/* flash player div */ 
#slideflashcontent { width: 715px;  float: left; margin: 0; z-index: 5; position: relative; margin-top: 15px; margin-left: 5px; background: url(../swfs/wfandsimages/slideshow.png) left no-repeat; }

  /* rightbox flash player div */ 
  #rightbox #flashcontent { width: 500px;  float: left; margin: 0; z-index: 5; position: relative;}

/* jQuery lightBox plugin - Gallery style */

	.gallery_thumbs ul { list-style: none; }
	.gallery_thumbs ul li { display: block; margin-bottom: 5px; }
	
	#gallery ul.secondary li, #gallery2 ul.secondary li { display: inline; margin-bottom: 5px; }
	  
	  .gallery_thumbs 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: 10px 5px 5px 5px; width: 550px; border-left: 1px solid #ddd; }
  #content.portfolio .gallery_images { width: 535px; 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;  }
  
 /* jquery list more thumbs */
 p#listThumbnails { padding-left: 0px; padding-top: 15px;}
 #listThumbnails span { padding: 5px 15px 5px 5px; }
  
  #photoMain, #dynloadarea, #photoMain2, #photoMain3, #photoMain4, #photoMain5, #photoMain6, #photoMain7, #photoMain8, #photoMain9, #photoMain10 { width: 500px; padding: 5px; float: left; }
    /* #photoMain {  padding-bottom: 30px; background: url(../images/shadowsmall.png) bottom no-repeat;} */

    #Large, #Large2, #Large3, #Large4, #Large5, #Large6, #Large7, #Large8, #Large9, #Large10 { height: 250px; border: 4px solid #fff; }
  
  .imgSwap { float: left; width: 500px;}
    .imgSwap img { width: 60px; height: 60px; 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: 1100px; /* background: url(../images/shadow.png) top left no-repeat; */}

.title { float: right; text-align: right; width: 1100px; 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: 350px; }
    .left_col p { text-align: left; 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: 5px; 
	background: #ccc;
	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: none; }

/* 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 { float: none; font-size: .8em; background: url(../images/shadowtall.png) top center no-repeat; width: 95%; min-width: 1080px; border-top: 1px solid #084165; }

.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; } 


/*********** COLORS SECTION *******************/

body { background-color: #126897; color: #eee; }

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

/* container background for header, main and footer sections of site */
#container_wrapper { }
#container_wrapper_outer {}
#container_wrapper_inner {}


/*top ::  Controls the  Color of the top Bar */	
#header { }	
#header #rightbox { }

/* .topnav :: controls the color of the top navigation links */
.topnav {}

#toplinks, #toplinks a { text-decoration: none; }
  #toplinks a:hover { color: #999;}
 	 
/* controls the way the link colors look and react */ 	 
a { color: #ccc; text-decoration: none; }	
a:hover { color: #a3caec; }

  a.selected { color: #a3caec; }


/* link text colors for the navigation information */
  .nav { color: #ddd; }
  .nav li a { color: #fff; }
  .nav li a:hover { color: #a3caec; }
    .nav li a:visited, .nav li a:visited:hover { text-decoration: none; }
  
  .right_col_sm, .right_col_sm a { color: #111; }
    .right_col_sm a:hover { color: #999;}
    .right_col_sm a:visited { color: #333; }
	.right_col_sm a:visited:hover { color: #666;}


/* side anchors */
a.side { color: #666633; }
a.side:hover { color: #d5c6a9; }

/* control the button colors */
.btn { 
	background-color: #6a593f; /* #ff9900; */
	color: #ffffff; 
	border-color: #998970;
	}

.btn_over {
	background-color: #51432e;
	color: #ffffff;
	border-color: #ffffff;
	}

.btn2 {
	border-color: #ffffff;
	background-color: #949a76;
	color: #ffffff;
	}
	
.btn3 {
	background-color: #949a76;
	color: #ffffff;
	border-color: #ffffff;
	}

/* txtBoxStyle:: Controls the text boxes */  	
.txtBoxStyle {
    border-color: #b3b4b5;
    background-color: #fdfcfa;
    color: #38393a;
	} 
	
/* txtareaStyle:: Controls the text areas */ 	
 .txtareaStyle {
    border-color: #C7D5E0;
    background-color: #FBFBFB;
    color: #343333;
	}
	
.toplinks { color: #ffffff; }

.toplinks:hover { color: #ffffff; background: #771f31; }

.toplinks:visited { color: #ffffff; }

.toplinks:visited:hover { 
	color: #ffffff; 
	background: #771f31; 
	}

/* footer colors */

.footer, a.footer, .footer a:visited { color: #fff; }

a.footer:hover { color: #bbb; }

a.footer:visited  { color: #aaa; }
a.footer:visited :hover { color: #fff; }

div.footer .footernav ul li a, div.footer p a { color: #fff; }
div.footer .footernav ul li a:hover, div.footer p a:hover { color: #d5c6a9; text-decoration: none;}

/* form field information */
input, textarea, select, option { color: #333333; }

/************* END COLORS SECTION ***********************/

/************* NAV SECTION ****************************/

/* toplinks navigation */
ul#toplinks { margin: 5px 0px;}
  #toplinks li { list-style: none; display: inline; padding: 2px; }
  #toplinks li a { font-weight: normal; /* .2 sizes larger for AmeriCommerce */ font-size: 1em; }

/* inside pages navigation bar and dd subcategories */
/* global navigation settings */
#inside { float: none; width: 1100px; text-align: center; margin: auto; }

nav, #nav_wrapper { float: left; width: 100%; min-height: 65px; min-width: 1100px; background: #094166 url(../images/bg_nav.gif) bottom left repeat-x; padding: 10px 0px 5px 0px; 
-moz-box-shadow: 0px 4px 8px rgba(0,0,0,.6); -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,.6); box-shadow: 0px 4px 8px rgba(0,0,0,.6); }
#nav_holder { float: none; width: 1100px; text-align: center; margin: auto; }
.nav li, .nav ul li { list-style: none; display: inline; line-height: 23px; }
  .nav { text-align: left;}

.nav li a { text-decoration: none; background: url(../images/border.gif) center right no-repeat; padding: 8px 17px 8px 12px; }
  .nav li.last a { background-image: none; }
  
  .nav li a.selected span { color: #a3caec; }


div.footernav {  width: 100%; text-align: center; margin: 20px auto 5px auto;}
  div.footernav p { padding-top: 12px;}

div.footer .footernav ul { margin-top: 5px;}
div.footer .footernav ul li {
  list-style: none;
  display: inline;
  margin: 5px;
  padding: 3px;
}

/***************** END NAV SECTION **********************/


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