body {
padding: 0;
margin: auto;
text-align: center;
background: url(../i/common/bg.gif) repeat-y center #ede2ed;
}

a	{
color: #303;
text-decoration: underline;
}

a:hover	{
color: #303;
text-decoration: none;
}

img	{
border: 0;
}

form	{
margin: 0;
padding: 0;
}

textarea, input, select	{
font: 9px verdana, arial, helvetica, sans-serif;
}

.font-sm	{
font: 10px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
}

.font-med	{
font: 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
}

.font-lg	{
font: 12px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
}

.font-xlg	{
font: 13px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
}

.font-xxlg	{
font: 16px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
}

.wrapper	{
position: relative;
padding: 0 20px;
width: 800px;
\width: 840px;
w\idth: 800px;
margin: auto;
text-align: left;
}

.header	{
position: absolute;
top: 0;
left: 20px;
width: 800px;
height: 225px;
z-index: 5;
background: #fff;
}

.logo a	{
width: 350px;
height: 45px;
padding: 0;
display: block;
position: absolute;
left: 30px;
top: 10px;
z-index: 10;
background: url(../i/common/logo.gif);
}

.main	{
position: absolute;
top: 55px;
left: 20px;
width: 800px;
height: 154px;
z-index: 10;
background: url(../i/common/main.jpg);
}

.content	{
position: relative;
padding: 225px 12px 30px 12px;
width: 776px;
\width: 800px;
w\idth: 776px;
text-align: left;
background: url(../i/common/content-bg.gif) repeat-y;
}

.content2	{
position: relative;
padding: 15px;
text-align: left;
}

.content-left	{
float: left;
padding: 0 51px 0 0;
width: 209px;
\width: 260px;
w\idth: 209px;
}

.content-right	{
float: left;
padding: 0;
width: 516px;
}

.subcontent-left	{
float: left;
padding-right: 10px;
width: 248px;
\width: 258px;
w\idth: 248px;
}

.subcontent-right	{
float: left;
padding-left: 10px;
width: 248px;
\width: 258px;
w\idth: 248px;
}

.footer	{
position: relative;
width: 800px;
padding: 10px 0;
text-align: center;
color: #fff;
margin-top: 10px;
background: #b98ab7;
}

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

.image	{
padding: 3px;
border: 1px solid #ccc;
background: #fff;
}

.products	{
width: 209px;
padding-top: 19px;
background: url(../i/misc/products.gif) no-repeat top left;
}

.freeproduct	{
position: relative;
padding: 125px 10px 0 10px;
width: 182px;
\width: 202px;
w\idth: 182px;
height: 59px;
color: #fff;
text-align: center;
background: url(../i/misc/freeproduct.gif) no-repeat;
}

.freeproduct a	{
position: absolute;
top: 90px;
left: 72px;
width: 100px;
height: 22px;
display: block;
z-index: 10;
}

.your-flowers	{
border: 1px solid #ac92af;
padding: 15px;
width: 484px;
\width: 516px;
w\idth: 484px;
margin-bottom: 15px;
background: #eee2ee;
}

.toggle	{
position: absolute;
top: 228px;
right: 35px;
width: 200px;
text-align: right;
z-index: 10;
}

.helpful-links	{
padding-top: 22px;
background: url(../i/misc/helpful-links.gif) no-repeat top left;
}

.choose-flower	{
border: 1px solid #b98ab7;
width: 200px;
height: 120px;
}

.edit	{
width: 500px;
padding: 20px;
text-align: left;
}

.dots	{
font-size: 14px;
color: #e6345e;
}

.thumb	{
width: 150px;
float: left;
text-align: center;
margin: 0 15px 10px 0;
}

.alt	{
display: none;
}

.center	{
text-align: center;
}

.right	{
text-align: right;
}

.hr	{
border-bottom: 1px solid #b98ab7;
margin-bottom: 10px;
padding-top: 10px;
}

.clear 	{
clear: both;
height: 0;
border: 0;
padding: 0;
margin: 0;
font-size: 0;
line-height: 0;
}

.yellow	{
background: #fff799;
}

/* Nav */

.topnav	{
position: absolute;
top: 30px;
right: 25px;
width: 420px;
text-align: right;
z-index: 10;
}

/* Image Popup */

#wedding-photo	{
width: 372px;
height: 500px;
position: absolute;
visibility: hidden;
top: 100px;
right: 50px;
z-index: 20;
background: #fff;
}

#wedding-photo-alt	{
width: 372px;
height: 500px;
position: absolute;
visibility: hidden;
top: -150px;
left: -100px;
z-index: 20;
background: #fff;
}

#label-photo	{
width: 252px;
height: 350px;
position: absolute;
visibility: hidden;
top: 170px;
left: 170px;
z-index: 20;
background: #fff;
}

#bridal-photo	{
width: 500px;
height: 314px;
position: absolute;
visibility: hidden;
top: 170px;
right: 80px;
z-index: 20;
background: #fff;
}

#bridal-photo-alt	{
width: 500px;
height: 314px;
position: absolute;
visibility: hidden;
top: -100px;
left: -100px;
z-index: 20;
background: #fff;
}

#anniversary-photo	{
width: 229px;
height: 300px;
position: absolute;
visibility: hidden;
top: 230px;
right: 200px;
z-index: 20;
background: #fff;
}

#anniversary-photo-alt	{
width: 229px;
height: 300px;
position: absolute;
visibility: hidden;
top: -50px;
left: -50px;
z-index: 20;
background: #fff;
}

#perfume-photo	{
width: 332px;
height: 500px;
position: absolute;
visibility: hidden;
top: 100px;
right: 80px;
z-index: 20;
background: #fff;
}

#perfume-photo-alt	{
width: 332px;
height: 500px;
position: absolute;
visibility: hidden;
top: -150px;
left: -100px;
z-index: 20;
background: #fff;
}

#lotion-photo	{
width: 367px;
height: 500px;
position: absolute;
visibility: hidden;
top: 100px;
right: 60px;
z-index: 20;
background: #fff;
}

#lotion-photo-alt	{
width: 367px;
height: 500px;
position: absolute;
visibility: hidden;
top: -150px;
left: -100px;
z-index: 20;
background: #fff;
}

#gel-photo	{
width: 333px;
height: 450px;
position: absolute;
visibility: hidden;
top: 100px;
right: 80px;
z-index: 20;
background: #fff;
}

#gel-photo-alt	{
width: 333px;
height: 450px;
position: absolute;
visibility: hidden;
top: -150px;
left: -100px;
z-index: 20;
background: #fff;
}

/* Engraving */

#EngraveArea	{
float: left;
width: 250px;
height: 265px;
}


#EngraveSurface {
padding: 22px 34px 22px 22px;
width: 194px;
\width: 250px;
w\idth: 194px;
height: 265px;
display: block;
text-align: center;
font: 12px palatino, 'times new roman', serif;
background: url(../i/misc/gradient.jpg) no-repeat;
}

/* Press Page */
.press-listing	{
margin-bottom: 20px;
}

.press-img	{
float: left;
width: 150px;
}

.press-details	{
float: left;
width: 366px;
}

.press-date	{
font-weight: bold;
}