/*
** styles.css
** Richards of Cornwall
*/


/* Redefine HTML tags */
html { height:100%; }
body { margin:0px; padding:0; background-color:#dbdec9; color: #000; font-family: 'century gothic', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
/* body { background: url('/images/backdrop.fade.jpg') repeat-x top left #ccccff; } */
img { border:0; }
form { margin:0; padding:0; display:inline; }
a { color:#009933; text-decoration:underline; }
a:hover { color:#009933; text-decoration:none;  }
h1 {
	font-family: 'century gothic', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4391B6;
	margin-top: 22px;
	margin-bottom: 22px;
}
h2 {
	font-family: 'century gothic', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4391B6;
	margin-top: 22px;
	margin-bottom: 22px;
}


/* Define some necessaries */
.clear { clear:both; }
.icon { vertical-align:middle; }


/* Wrapper */
.wrapper { width:720px; margin:0px auto; z-index:1000; }
.inlinePicture { margin-top: 0px; margin-right: 12px; margin-bottom: 4px; margin-left: 0px; float: left; }


/* Header */
.header { z-index:1000; position:relative; margin:0; padding:0; background-color: transparent; }
.header div.identity { float:left; }
.header div.photoimage { float:right; }
.header img { z-index:1001; }
div.yellowStrip { clear:both; position:relative; background-color:#fae700; padding:0px 15px 0px 0px; font-weight:bold; text-align:right; font-size:13px; }
div.yellowStrip a { text-decoration:none; border:0; color: #000; }
div.yellowStrip a:hover { }
html>body div.yellowStrip div.flowerBasket a { background:url('/images/new.customer.png'); position:absolute; height:102px; width:103px; right:150px; top:-40px; z-index:99999; }


/* Sub header */
.pageSubHeader { background: #f6e6b6; color: #333366; padding:0px; font-size:16px; font-weight:bold; border-bottom:2px solid #a0d09a; }
.pageSubHeader { padding:10px 20px; }


/* Footer */
.footer { padding-top:10px; padding-bottom:30px; }
.footer div.rightText { text-align:right; }
.footer div.rightText a { color:#000; font-weight:normal; text-decoration:none; border-top:1px solid black; border-bottom:1px solid black; }
.footer div.rightText a:hover { color:#000; font-weight:normal; text-decoration:none; border-top:0px solid black; border-bottom:0px solid black; }

/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bullet.flower.off.png'); */

/* Center content */
.center { background:transparent; position:relative; z-index:1; }
html>body .center div.flowerLayer { position:absolute; top:-100px; left:-285px; z-index:1; width:542px; height:536px; background: url('/images/backdrop.flower.png'); }
html>body .center div.flowerLayer { top:-100px; left:-100px; }

.center div.navigation { float:left; position:relative; z-index:3; }
.center div.navigation ul { list-style:none; margin:0; padding:0; }
.center div.navigation li { margin:0; padding:0;  }

.center div.navigation li a { display:block; text-transform:uppercase; font-size:13px; color: #324432; text-decoration:none; font-weight:bold; padding:4px 4px 4px 38px; width:141px; }
html>body .center div.navigation li a { background: url('/images/bullet.flower.off.png') no-repeat left center;  }
.center div.navigation li a:hover { display:block; text-transform:uppercase; font-size:13px; color: #324432; text-decoration:none; font-weight:bold; padding:4px 4px 4px 38px; }
html>body .center div.navigation li a:hover { background: url('/images/bullet.flower.on.png') #F6F6F6 no-repeat left center; }

.center div.mainBody { margin-left:172px; background: #ffffff; position:relative; z-index:1000; }
html>body .center div.mainBody { margin-left:183px; background: #ffffff; position:relative; z-index:1000; }
.center div.mainBody div.pageHeader { background:#000000; padding:10px 10px 10px 20px; }
.center div.mainBody div.pageHeader p { margin:0; padding:0; }
.center div.mainBody div.pageHeader p.headerTitleText1 { font-size:26px; color: #4391B6; }
.center div.mainBody div.pageHeader p.headerTitleText2 { font-size:26px; color: #ffffff; }
.center div.mainBody div.content { padding:0px 20px 20px 20px; }
.center div.mainBody img { position:relative; }


.basketTable { border:0; }
.basketTable td { padding:0; margin:0; }
.basketTable th { font-weight:bold; font-size:1em; }


.productListingsTable { border:0; margin:20px 0px; }
.productListingsTable td { padding:3px; }
.productListingsTable tr.tableRow_1 { background: #f6e6b6; color:#000; }
.productListingsTable tr.tableRow_2 { background: #ffffff; color:#000; }
.productListingsTable tr.tableRow_over { background: #9999cc; }
.productListingsTable h1 { font-size:1em; color:#000; margin:0; padding:0; }
.productListingsTable p { font-size:1em; color:#336633; padding:0; margin:0; }
.productListingsTable a { text-decoration:none; color: #000; border:0; }
.productListingsTable a:hover { text-decoration:none; color: #000; border-bottom:1px dotted #000; }


.productInfo { background: #f6e6b6; color: #000000; margin-top:20px; }
.productInfo td { margin:0; padding:0; }
.productInfo h1 { text-align:center; background: #9999cc; padding:10px; margin:0; color: #000; }
.productInfo p { margin:0; padding:10px; font-size:0.9em; }


.productInfoData { color:#000;  font-size:0.9em; }
.productInfoData td { text-align:center; background:#f6e6b6; padding:5px; } 


.basketTable { margin-top:20px; }
.basketTable th { font-size:1em; font-weight:bold; text-align:left; margin:0; padding:3px; }
.basketTable td { padding:3px; }
.basketTable tr.titleRow th { border-bottom:1px solid #545454; }
.basketTable tr.bottomRow td { border-top:1px solid #545454; font-weight:bold; }
.basketTable tr.tableRow_1 { background: #f6e6b6; }
.basketTable tr.tableRow_2 { background: #ffffff; }
.basketTable a { color: #000; text-decoration:none; border:0; }
.basketTable a:hover { color: #000; text-decoration:none; border-bottom:1px dotted #000; }
.required { font-weight:bold; }






.modal {
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	border-radius: 10px;
	max-width: 600px;
	max-height: 90%;
	overflow: auto;
	font-size: 14px;
}
	.modal .inner {
		padding: 20px;
	}
		.modal .inner h1 {
			margin-top: 0;
		}
	.modal .actions {
		text-align: center;
		margin: 1em 0 0 0;
	}
.modalveil {
	position: fixed;
	z-index: 9998;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
}