/* ------------------------------ ~ The Flower Boutique ~ ------------------------------ */ 

a {
	color : #a29062;
}
html, body {
	margin: 10px 0 0 0;
	padding:0;
	text-align:center;
	background-color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.85em;
	color: #666666;
}
#pagewidth {
	width:940px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color : #FFFFFF;
}
#header {
	position:relative;
	height:130px;
	background-color:#FFFFFF;
	width:100%;
	font-size : 10px;
	color : #928359;
}
#header img {
	margin-top : 10px;
}
#topmainmenu { margin-top:35px;}
#cart {
	width:202px;
	float:right;
	position:relative;
	background-color:#f8f5ec;
	border:solid 1px #a29062;
	margin-top:20px;
	padding:15px;
	height:55px;
}
#details2 {
	width:460px;
	padding-top:10px;
	float:right;
	position:relative;
	text-align:right;
	font-size:12px;
}
#details2 div { display:inline;}
#details2 div#firstnavlink, #details2 div#topnavlink {padding-left:18px;text-align:left; margin-right:13px;}
#details2 div#topnavlink { background-repeat:no-repeat; background-image:url(/files/images/topbullet.gif); }
#details1 {
	width:195px;
	float:left;
	line-height:14px;
}
#logo {
	width:275px;
	float : left;
}
#twocols {
	width:940px;
	/* float:right; */
 position:relative;
}
#maincol {
	background-color: #ffffff;
	float: left;
	display:inline;
	position: relative;
	width:940px;
	margin-top : 10px;
	margin-bottom : 20px;
}
#homemoreinfo { margin-bottom:20px;}
#homeimage1 { margin-left:70px; margin-right:60px;}
#homeimage2 { margin-left:70px; margin-right:60px;}
#homeimage3 { margin-left:70px; margin-right:60px;}
#homeimage4 { margin-left:70px;}
img { border:none;}
#maincol p {
	margin-left : 0px;
	margin-right: 20px;
	line-height : 18px;
}
#maincol ol li {
	margin-bottom : 15px;
}
#maincolhome {
	background-color: #FFFFFF;
	float: left;
	display:inline;
	position: relative;
	width:705px;
}
#maincolhome p {
	margin-left : 5px;
	margin-right: 5px;
}
.homecol4 {
	width:235px;
	float:left;
	position:relative;
	min-height : 256px;
	text-align: left;
}
#homecol4 {
	width:235px;
	float:right;
	position:relative;
	min-height : 256px;
}
#homecol3 {
	width:235px;
	float:right;
	position:relative;
	min-height : 256px;
}
#homecol2 {
	width:235px;
	float:right;
	position:relative;
	min-height : 256px;
}
#homecol1 {
	width:235px;
	float : left;
	position:relative;
	min-height : 256px;
}
#hhrr {
	margin-bottom : 7px;
	height:100px;
	display:block;
}

.secondcol4 {
	width:442px;
	padding-left:30px;
	margin-top:15px;
	float:right;
	position:relative;
}
.secondcol4 p {
	color:#928359;
	line-height : 1.5em;
	font-size:11px;
	font-weight:normal;
	margin-top:0px;
}
#secondcol3 {
	width:156px;
	float:right;
	margin-top:15px;
	position:relative;
}
#secondcol2 {
	width:234px;
	float:right;
	margin-top:15px;
	position:relative;
}
#secondcol1 {
	width:230px;
	float : left;
	margin-top:15px;
	position:relative;
}
#secondcol1 img { margin:10px 0px;
}
#aboutcol2 {
	width:685px;
	!width:685px;
	float:right;
	position:relative;
}
#aboutcol1 {
	width:235px;
	float : left;
	position:relative;
}
#aboutcol1 img {
	margin-left : 40px;
	margin-top : 40px;
}
#leftmenucol {
	width:224px;
	float : left;
	position:relative;
}
#bottom p {
	color : #a29062;
	text-align : right;
	padding : 10px;
	line-height : 1.4em;
}
#bottom a {
	color : #a29062;
	text-decoration : none;
}
#bottom a:hover {
	color : #7C6E4A;
}
#footer {
	height:42px;
	background-color:#FFFFFF;
	clear:both;
	font-size : 10px;
}
#footer p {
	color : #a29062;
	text-align : left;
	padding : 10px;
	line-height : 1.4em;
}
#footer a {
	color : #a29062;
	text-decoration : none;
}
#footer a:hover {
	color : #7C6E4A;
}
h1 {
	color : #928359;
	font-size : 1.2em;
}
h2 {
	color : #928359;
	font-size : 1em;
	margin-bottom : 5px;
	margin-top : 15px;
}
h3 {
	color : #928359;
	font-size : 1.1em;
	margin-bottom : 5px;
	margin-top : 15px;
	margin-left : 10px;
}

.imgclass {
	border : 1px solid #AEAEAE;
	margin : 10px;
}
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	clear:both;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print {
/*hide the right column when printing*/ 
#rightcol {
	display:none;
}
#twocols, #maincol {
	width:100%;
	float:none;
}
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:940px;
	height:32px;
	position:relative;
	z-index:1000;
	font-family:arial, sans-serif;
	text-transform:uppercase;
	font-size:12px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:941px;
	w\idth:940px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:224px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:224px;
	position:relative;
	margin:0 11px 0 0;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#a29060;
	width:224px;
	height:30px;
	background:#FFFFFF;
	line-height:29px;
	font-weight:bold;
	border-bottom : solid 2px #a29060;
	text-align : right;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:224px;
	w\idth:213px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#E5DFCE;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#E5DFCE;
}
.menu ul ul :hover > a.drop {
	background:#FFF;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#E3DAC8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background: #FFF;
	color:#a29060;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:32px;
	left:0;
	width:224px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:32px;
	t\op:32px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:224px;
	top:-1px;
	width:224px;
}
/* position the third level flyout menu for a right flyout */
.menu ul ul ul.left {
	right:224px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#F2EEE6;
	color:#a29060;
	height:auto;
	line-height:1em;
	padding:10px 10px;
	width:203px;
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:225px;
	w\idth:214px;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	background: #fff;
	color:#515151;
}
.menu :hover > a, .menu ul ul :hover > a {
	background: #fff;
	color:#515151;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}






/*  -------------MENU--------------------*/
/* ================================================================ */
This copyright notice must be untouched at all times.  The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_definition4.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== #menu {
list-style-type:none;
margin:0px;
padding:0;
}
#menu li {
	float:left;
	padding:0;
	margin:0 11px 0 0;
	position:relative;
	width:224px;
	height:1px;
	z-index:100;
}
#menu li a, #menu li a:visited {
	text-decoration:none;
}
#menu dl {
	position:absolute;
	top:0;
	left:0;
	width: 224px;
	margin: 0;
	padding: 0;
}
#menu dt {
	background: #FFFFFF;
	margin:0;
	font-size: 1.1em;
	width:224px;
	float:left;
}
#menu dd {
	display:none;
	background: transparent;
	clear:left;
	margin:0;
	padding:0;
	color: #fff;
	font-size: 1em;
	text-align:left;
}
#menu dt a, #menu dt a:visited {
	display:block;
	color:#a29060;
	padding: 18px 0px 4px 0px;
	width:224px;
	text-align : right;
	border-bottom : solid 3px #a29060;
}
#menu dd a, #menu dd a:visited {
	background:#F2EEE6;
	color:#a29060;
	text-decoration:none;
	display:block;
	padding:18px 0px 4px 0px;
	width:224px;
	text-align : right;
	border-bottom : solid 3px #a29060;
}
#menu li a:hover {
	border:0;
}
#menu li:hover dd, #menu li a:hover dd {
	display:block;
}
#menu li:hover dl, #menu li a:hover dl {
	width:224px;
}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
	background: #fff;
	color:#534;
	border-bottom : solid 3px #a29060;
}
#leftmenu {
	list-style-type:none;
	margin:0px;
	padding:0;
}
#leftmenu li {
	float:left;
	padding:0;
	margin: 20px 11px 0 0;
	position:relative;
	width:224px;
	height:20px;
	z-index:100;
	font-size: 1.1em;
	border-bottom : solid 3px #a29060;
	text-align : right;
}
#leftmenu li a, #leftmenu li a:visited {
	display:block;
	text-decoration:none;
	width:224px;
	height:20px;
}
#leftmenu li a:hover {
	display:block;
	border:0;
	color : #333333;
	border-bottom : solid 3px #333333;
}
/* */

#pricesmall {background-image:url(/files/images/buy-small.gif);}
#pricemed {background-image:url(/files/images/buy-medium.gif);}
#pricelarge {background-image:url(/files/images/buy-large.gif);}

#pricesmall, #pricemed, #pricelarge {
	float:left;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
#pricesmall a:link, #pricemed a:link, #pricelarge a:link,#pricesmall a:visited, #pricemed a:visited, #pricelarge a:visited {							
	font-size:24px; 
	display:block;	
	width:45px;
	height:49px;
	padding-left:100px;
	padding-top:16px;}


#pricesmall, #pricemed {
	margin-right:8px;
}
#pricesmall, #pricesmall a, #pricemed, #pricemed a, #pricelarge, #pricelarge a {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
#pricesmall a:hover, #pricemed a:hover, #pricelarge a:hover {
	text-decoration:underline;
}
#moreinfo {
	text-align:center;
	margin-top:0px;
	margin-bottom:7px;
	color:#a38e61;
}
#buynow  { margin-top:8px;}
#buynow img {
	border:none;
}
#moreinfo a:link, #moreinfo a:visited {
	font-size:11px;
	font-weight:normal;
	color:#a38e61;
	text-decoration:underline;
}
#moreinfo a:hover {
	text-decoration:none;
}
#prodname {
	font-weight:bold;
	margin-top:5px;
}



.pg {
width: 650px;
list-style: none none;
}

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

.pg li {
list-style: none none;
display: inline;
}

.pg li a {
margin: 2px;
border: 1px solid #CCC;
padding: 4px;
position: relative;
float: left;
display: block;
width: 100px;
height: 75px;
}

.pg li a:hover {
font-size: 100%;
z-index: 2;
}

.pg li a img {
border: 0 none;
position: absolute;
width: 100px;
height: 75px;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
width: 200px;
height: 150px;
left: -50px;
top: -37px;
z-index: 1;
}

#testimonials { border-bottom:solid 1px #a29060; border-left:solid 1px #a29060; border-right:solid 1px #a29060; border-top:solid 3px #a29060; float:left; margin-top:40px;}
#testimonials h4 { margin-bottom:0px; margin-top:8px; text-align:center; color:#a29062; font-size:12px; font-weight:bold;}
#testimonials marquee { padding:0px 10px 10px 10px;}
#testimonials p { font-size:11px; line-height:14px;}
hr { border-top:solid 1px #a29062; border-bottom:none; border-left:none; border-right:none; width:100%;}
#map { float:right; margin-left:10px;}