/* Don't get lost. Use this as a guide. */
/*------------------------------------------------------------------

[Layout]

* body
	+ Background Wrapper (for side backgrounds) / #bgcontainer
	+ Footer Wrapper (for bottom background) / #footercontainer
	+ Text Container (where everything starts) / #textcontainer
	+ Header / #header
	+ Navigation / #navigation
		- 
	+ Content / #content
		- Title / h1.title
		- Posts / .posts
		- Page Navigation / .pagenav
		- Search Form / #searchform
		- Comments / #comments
		- Sidebar / #sidebar
		- Sign Up / #sign_up
		- Chat / #chat
	+ Footer /#footer

[Skin]

Maroon			: #553243;
Light Grey		: #f5f5f5;	
Greyish Maroon 	: #aa98a1;
Pink			: #f7ebf1;
Medium Pink 	: #e0cfcf;
Light Pink 		: #ece2e2;
Font Family 	: Times New Roman, serif; 

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


/* End of getting lost. */

/* IE6 png fix */
img, div, a, ul, li, span, #text, p { behavior: url(/iepngfix.htc) }


body {
	background:#f5f5f5;
	font-family:Times New Roman, serif;
	font-size:100%;
    line-height:1.3em;
	_font-size:16px;
	color:#553243;
	height:auto;
}

p {
	line-height:1.5em;
	margin-bottom:10px;
}

a { color:#553243; }
a:hover { color:#9e8696; }

small { font-size:0.6875em; }

input, select { margin-bottom:4px; border:1px solid #553243; background:#fff; padding:5px; }
input:hover, input:focus, select:hover, select:focus { border:solid 1px #e0cfcf; }
input.checkbox { border:0; background:none; }
input.submit { background:#553243; color:#fff; padding:3px 5px; text-transform:uppercase; font-weight:bold; }
input.submit:hover, input.submit:focus { background:#ece2e2; color:#aa98a1; }
textarea { border:1px solid #553243; padding:5px; }


.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }

.clear { clear:both; }
.float_l { float:left; }
.float_r { float:right; }
.float_n { float:none; }

.mar_10l { margin-left:10px; }
.mar_10r { margin-right:10px; }
.mar_10t { margin-top:10px; }
.mar_10b { margin-bottom:10px; }
.mar_20l { margin-left:20px; }
.mar_20r { margin-right:20px; }
.mar_20t { margin-top:20px; }
.mar_20b { margin-bottom:20px; }

.w_50 { width:50%; }

.error { color:#EF0000; margin-bottom:20px; }
.error li { margin-left:20px; }

.submit { cursor:pointer; cursor:hand; }

.radio input, .checkbox input { border:0; }


#bgcontainer {	
	float:left;
	width:100%;
	background:url(/images/bg.jpg) top center repeat-y;
}
#footercontainer {
	clear:both;
	margin:0 auto 25px auto;
	width:938px;
	height:7px;
	background:url(../images/footer-bg.gif) top left repeat-x;
}

#textcontainer {
	margin:0 auto;
	width:936px;
	background:url(../images/home-bg.jpg) top left;
	height:auto;
}

#header, #navigation, #content, #footer { float:left; width:100%; clear:both; }

#header {
	height:144px;
	text-align:center;
	background:#fff url(../images/header-bg.jpg) bottom left no-repeat;
}
	#header h1 {
		margin:6px auto 0 auto;
		width:174px;
		height:131px;
		background:url(../images/vive-la-rose.gif) top left no-repeat;
	}
	#header h1 a {
		float:left;
		width:174px;
		height:131px;
	}
		#header h1 a span { display:none; }

#navigation {
	border:dotted #553243;
	border-width:2px 0;
	background:url(../images/whitetrans.png) left top;
}
	#navigation ul {
		display:inline;
		float:left;
		margin-left:60px;
	}
	#navigation li {
		float:left;
		margin-right:29px;
	}
	#navigation li.last { margin:0; }
	#navigation a {
		display:block;
		height:35px;
	}
	#navigation a span { display:none; }
	#navigation .ro_home {
		width:60px;
		background:url(../images/navi-home.png) left top no-repeat;
	}
	#navigation .ro_home:hover, #home #navigation .ro_home { background:url(../images/navi-home.png) left bottom no-repeat; }
	#navigation .ro_onlineshop {
		width:130px;
		background:url(../images/navi-online-shop.png) left top no-repeat;
	}
	#navigation .ro_onlineshop:hover, #shop #navigation .ro_onlineshop { background:url(../images/navi-online-shop.png) left bottom no-repeat; }
	#navigation .ro_weddings {
		width:104px;
		background:url(../images/navi-weddings.png) left top no-repeat;
	}
	#navigation .ro_weddings:hover, #weddings #navigation .ro_weddings { background:url(../images/navi-weddings.png) left bottom no-repeat; }
	#navigation .ro_corporate {
		width:121px;
		background:url(../images/navi-corporate.png) left top no-repeat;
	}
	#navigation .ro_corporate:hover, #corporate #navigation .ro_corporate { background:url(../images/navi-corporate.png) left bottom no-repeat; }
	#navigation .ro_contracts {
		width:119px;
		background:url(../images/navi-contracts.png) left top no-repeat;
	}
	#navigation .ro_contracts:hover, #contracts #navigation .ro_contracts { background:url(../images/navi-contracts.png) left bottom no-repeat; }
	#navigation .ro_sympathy {
		width:109px;
		background:url(../images/navi-sympathy.png) left top no-repeat;
	}
	#navigation .ro_sympathy:hover, #sympathy #navigation .ro_sympathy { background:url(../images/navi-sympathy.png) left bottom no-repeat; }
	#navigation .ro_help {
		width:71px;
		background:url(../images/navi-help.png) left top no-repeat;
	}
	#navigation .ro_help:hover, #help #navigation .ro_help { background:url(../images/navi-help.png) left bottom no-repeat; }
	#navigation .ro_blog {
		width:62px;
		background:url(../images/navi-blog.png) left top no-repeat;
	}
	#navigation .ro_blog:hover, #blog #navigation .ro_blog { background:url(../images/navi-blog.png) left bottom no-repeat; }
	
#content { }
#weddings #content { width:936px; /*height:474px;*/ }
	#content #text {
		float:left;
		margin:0;
		padding:20px 0 10px 15px;
		width:440px;
	
	}
	#content #text.alt {
		width:896px;
		margin:0;
		padding:20px 20px 10px 15px;
	}
	#content #text h1, #content #text h2, #content #text h3, #content #text h4, #content #text h5, #content #text h6 {
		font-weight:normal;
		margin-bottom:0.5em;
	}
	#content #text h1 { font-size:30px; }
	#content #text h2 { font-size:28px; }
	#content #text h3 { font-size:25px; }
	#content #text h4 { font-size:21px; }
	#content #text h5 { font-size:18px; }
	#content #text h6 { font-size:15px; }

	#content #text p { line-height:1.5em; }
	
	#content #text ul {
		margin-left:20px;
		list-style-type:disc;
		margin-bottom:15px;
	}
	#content #text ol {
		margin-left:20px;
		list-style-type:decimal !important;
		margin-bottom:15px;
	}
	
	#home #content #text {
		float:left;
		width:316px;
		margin-left:0;
		margin-top:0;
		padding-left:15px;
	}
	
	#blog #content #text, #shop #content #text, #help #content #text, #contact #content #text {
		margin:0;
		width:100%;
	}
	
	#content #text.bg { background:url(/images/sidebar_bg.gif) top left repeat-y;}
	#content #text .bg { float:left; background:url(/images/sidebar_bg.gif) top left repeat-y;}
	
	#shop #content { float:left; width:100%; }
	
	#help #content #text #help_text, #contact #content #text #contact_text, #shop #content #text #contact_text, #blog #content #blog_text {
		float:left;
		width:675px;
		padding:30px;	
	}
	
	#shop #content #text #shop_text {
		float:left;
		width:675px;
	}
	
	#content #text #blog_pullout {
		padding:15px 0;
		border:solid #aa98a1;
		border-width:1px 0;
		margin-top:22px;
	}
		#content #text #blog_pullout h1 {
			font-size:1.25em;
			font-weight:normal;
			margin-bottom:12px;
		}
			#content #text #blog_pullout h1 a { text-decoration:none; }
		#content #text #blog_pullout p {
			line-height:1.2em;
		}
	blockquote {
		text-transform:uppercase;
		font-size:0.84em;
	}
		#content #text blockquote p {
			margin:0;
			line-height:1.2em;
			text-align:center;
			font-weight:bold;
			letter-spacing:0.05em;
		}
	#content #text #contact {
		padding:10px 0 10px 131px;
		background:url(../images/shop.png) 0 10px no-repeat;
		border:solid #aa98a1;
		border-width:1px 0;
		font-size:0.875em;
		height:182px;
	}
		#shop #content #text #divMain { /*margin:20px 0 10px 40px; width:420px;*/ }
		#shop #content #text #cart, #shop #content #text #customerinfo, #shop #content #text #createorder, #shop #content #text #wpshopcheckout, #shop #content #text #error, #shop #content #text #thanks { 
			float:left;
			margin:0 30px;
			padding:30px 0;
			width:675px;
		}
		#content #text #contact h2, #shop #content #text #divMain h2 { margin-bottom:5px; }
		#contact h2 span { display:none; }
		#contact h2.visit {
			width:116px;
			height:28px;
			background:url(../images/visit.png) top left no-repeat !important;
		}
		#contact h2.call {
			width:112px;
			height:24px;
			background:url(../images/call.png) top left no-repeat !important;
		}
		#content #text #contact p, #shop #content #text #divMain p {
			margin-left:45px;
			line-height:1.1em;
		}
		#contact .link {
			color:#f7ebf1;
			background:#4a2e3e;
			padding:5px 10px;
			font-weight:bold;
			text-decoration:none;
		}
	#feature {
		float:right;
		width:565px;
		height:474px;
	}
	#feature .noflash, #feature.noflash {
		float:right;
		background:url(../images/feature-bg.png) right top no-repeat;
	}
	#weddings .noflash, #weddings.noflash {
		float:left;
		width:100%;
		height:473px;
		background:url(../images/weddings.jpg) left top no-repeat;
	}
		#weddings .noflash a {
			float:left;
			width:100%;
			height:473px;
		}
	
	#blog #sidebar, #shop #sidebar, #help #sidebar, #contact #sidebar {
		float:left;
		width:164px;
		padding:15px 15px;
		color:#fff;
		font-size:0.875em;
		height:1%;
	}
	#sidebar a {
		color:#fff;
		text-decoration:none;
	}
	#sidebar ul {
		float:left;
		margin:10px 0 !important;
		list-style-type:none !important;
		width:100%;
	}
		#sidebar ul li.selected ul {
			border-top:1px dashed #553243;
			margin:0 !important;
		}
	#sidebar li {
		float:left;
		width:90%;
		padding:2px 5%;
		margin-bottom:7px;
		background:url(../images/arrow-white-right.png) 8px 8px no-repeat;
		line-height:1.4em;
	}	
		#sidebar li a { float:left; width:130px; margin-left:10px; }
		#sidebar li.selected { background:#ece2e2 url(../images/arrow-right-red.png) 8px 8px no-repeat; color:#553243; }
		#sidebar li.selected a { color:#553243; font-weight:bold; }
		#shop #sidebar li a { text-transform:uppercase; font-size:0.857em; }
		#sidebar li.cart { background:#553243 url(../images/arrow-white-right.png) no-repeat 8px 8px; color:#fff; }
		#sidebar ul li.selected li.sub { margin-bottom:0; padding-bottom:0; }
		#sidebar li.sub { line-height:1.0em; margin-left:10px; }
		#sidebar ul li.sub.selected { padding-top:5px; padding-bottom:5px; } 
		
	#sidebar #contact, #sidebar #bouquetoftheday {
		background:none !important;
		padding:15px 0 !important;
		float:left;
		height:auto !important;
		width:100% !important;
		font-size:1.0em !important;
	}
		#sidebar #bouquetoftheday {
			border-top:1px solid #aa98a1;
		}
		#sidebar #contact p {
			margin-left:0 !important;
		}
		#sidebar #contact h2, #sidebar #bouquetoftheday h2 { margin-bottom:10px !important; }
		#sidebar h2 span { display:none; }
		#sidebar #contact h2.visit {
			width:116px;
			height:30px;
			background:url(../images/visit2.png) no-repeat left top !important;
		}
		#sidebar #contact h2.call {
			width:112px;
			height:26px;
			background:url(../images/call2.png) no-repeat top left !important;
		}
		#sidebar #bouquetoftheday h2.bouquet {
			width:163px;
			height:32px;
			background:url(../images/bouquet-of-the-day.png) no-repeat top left !important;
		}
		#sidebar #bouquetoftheday .image {
			height:107px;
		}
		#sidebar #bouquetoftheday h4 {
			font-size:18px;
			margin-bottom:0 !important;
			margin-top:10px;
			text-align:center;
		}
			#sidebar #bouquetoftheday h4 a:hover { text-decoration:underline; }
		#sidebar #bouquetoftheday p {
			font-size:0.857em;
			line-height:1.4em;
			text-align:center;
		}
		
	/* BLOG SPECIFIC */
	#blog .posts {
		float:left;
		width:675px;
		padding-bottom:30px;
	}
	#blog .post {
		float:left;
		margin-bottom:30px;
		width:675px;
	}
	#blog .postTitle {
		font-size:30px;
		margin-bottom:5px !important;
		float:left;
		width:100%;
	}
		#blog .postTitle a { text-decoration:none; }
	#blog small.meta {
		float:left;
		width:100%;
		font-size:14px;
		margin:0;
	}
	#blog .entry {
		float:left;
		width:675px;
		margin:0;
		padding-bottom:20px;
		border-bottom:1px solid #553243;
	}
	#blog .navi {
		float:left;
		width:100%;
	}
		#blog .navi div { float:left; width:50%; }
		#blog .navi div.newposts { text-align:right; }
		#blog .navi a {
			padding:5px 10px;
			background:#553243;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			font-size:0.875em;
			font-weight:bold;
		}
			#blog .navi a:hover { background:#aa98a1; color:#553243; }
	
	#blog .posts .aligncenter,
	#blog .posts div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#blog .posts .alignleft {
		float: left;
		margin-right:10px;
	}

	#blog .posts .alignright {
		float: right;
		margin-left:10px;
	}

	#blog .posts .wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	#blog .posts .wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	#blog .posts .wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
	
	#blog .posts ul {
		list-style-type:disc;
		margin:10px 0 10px 40px;
	}
	#blog .posts ol {
		margin:10px 0 10px 40px;
		list-style-type:lower-roman;
	}
	#blog #divNewOld {
		float:left;
		width:675px;
	}
		#blog #divNewOld div {
			float:left;
			width:50%;
		}
		#blog #divNewOld .newer { text-align:right; }
	
	/* End BLOG SPECIFIC */
	
	#categories {
		float:left;
		width:675px;
		padding:30px;
	}
		#categories h1.cattitle {
			float:left;
			width:100%;
			font-size:36px !important; 
			margin-bottom:30px !important;
			*line-height:1.5em;
		}
		#categories .product {
			float:left;
			width:197px;
			margin-right:40px;
			margin-bottom:40px;
		}
		#categories .product.last {
			margin-right:0;
		}
			#categories .product .image {
				height:132px;
				margin-bottom:10px;
			}
			#categories .product h3 {
				font-size:20px !important;
				margin-bottom:0 !important;
				text-align:center;
			}
			#categories h2.prodtitle {
				font-size:24px !important;
			}
			#categories .product p {
				font-size:0.875em;
				text-align:center;
				line-height:1.2em !important;
			}
			#categories .product .desc {
				height:140px;
				clear:both;
				float:left;
				width:100%;
				text-align:center;
			}
			#categories .product big {
				float:left;
				width:100%;
				font-size:1.125em !important;
				text-align:center;
				display:block;
				clear:both;
			}
			#categories .product .link {
				float:left;
				text-align:center;
				clear:both;
				width:100%;
				margin:10px 0;
				text-transform:uppercase;
			}
			#categories .product .link a {
				padding:5px 10px;
				background:#553243;
				color:#fff;
				font-weight:bold;
				text-decoration:none;
			}
		#categories .pagenavi {
			float:left;
			clear:both;
			width:100%;
			text-align:center;
		}
			#categories .pagenavi a {
				padding:4px 7px;
				background:#442736;
				color:#fff;
				margin:0 5px;
				border:1px solid #917e89;
				text-decoration:none;
				font-size:0.875em;
			}
			#categories .pagenavi a:hover { background:#aa98a1; color:#553243; }
			#categories .pagenavi a.selected {
				background:none;
				color:#442736;
				font-weight:bold;
				border:0;
			}
			#memo {
				float:left;
				width:675px;
				padding:0 30px 30px 30px;
			}
				#memo .memoTitle { font-weight:bold; margin-bottom:10px; }
				#memo p { margin-bottom:0; }
			
	#product {
		float:right;
		width:675px;
		margin:0;
		padding:30px 0;
		border-bottom:1px solid #553243;
		clear:none;
		z-index:10;
	}
		#product .image {
			float:right;
			border:1px solid #ab9aa6;
		}
		#product  img.image {
			float:right;
			border:5px solid #553243;
			
		}
		#product .proddetail {
			float:left;
			width:400px;
			font-size:0.875em;
			line-height:1.2em;
			margin-top:10px;
		}
		#product .proddetail h5 { font-size:24px !important; }
		#product .proddetail form p {
			margin-bottom:0 !important;
		}
		#product .productFeatureCaption { font-weight:bold; }
		#product input {
			font-size:1.0em;
			font-family:Times New Roman, serif;
		}
		#product input.submit:hover { background:#aa98a1; color:#553243; }
		

	#contact label, #shop #content #text #divMain label {
		float:left;
		width:120px;
	}
		#contact input, #contact textarea, #shop #content #text #divMain input, #shop #content #text #divMain textarea {
			width:308px;
		}
		#contact .radio input, #contact .checkbox input, #shop #content #text #divMain .radio input, #shop #content #text #divMain .checkbox input {
			width:15px;
		}
		#contact input.submit, #shop #content #text #divMain input.submit {
			width:auto;
		}
		
	#cart table, #createorder table {
		margin-bottom:10px;
		width:100%;
		clear:both;
		float:left;
	}
	#cart table thead td, #createorder table thead td {
		background:#553243;
		color:#fff;
		text-align:center;
		margin-bottom:5px;
		padding:5px 2px;
	}
		#cart table thead td.each, #cart table thead td.cost,
		#createorder table thead td.each, #createorder table thead td.cost { width:10%; }
		#cart table tbody td.each, #cart table tbody td.cost,
		#createorder table tbody td.each, #createorder table tbody td.cost{ text-align:right; }
		#cart table tbody td, #createorder table tbody td { padding:5px 2px; border-bottom:1px solid #553243; }
		#cart table tfoot td, #createorder table tfoot td { background:#553243; color:#fff; padding:5px 2px; }
		#cart .submit, #createorder .submit { float:right; margin-left:5px; }
		
	#customerinfo select { width:184px; }
	#customerinfo table { width:100%; }
	#customerinfo td { width:49%; padding-left:1%; }
	#customerinfo p, #wpshopcheckout p { text-align:center; }
	
	#companydetails { border-top:1px solid #553243; padding-top:10px; float:left; width:100%; }
		#companydetails label { float:left; width:150px; font-weight:bold; }
	#cart .thanks table tbody td { border-bottom:0; }
       
	.print { display:none; }

#footer { 
	border:dotted #553243;
	border-width:2px 0;
	background:url(../images/whitetrans.png) left top;
	text-align:center;
	padding:7px 0;
	margin-bottom:10px;
}
	#footer p {
		margin:0;
		font-size:0.625em;
		text-transform:uppercase;
		letter-spacing:0.15em;
	}