﻿body { font-family: Verdana; font-size:76%; color:#515151; background-color:#9A76A6;margin:0px;padding:0px;}

.clear { clear:both; }
.left { float:left; }
.right { float:right; }

textarea, select { font-family: Verdana; font-size:92%; color:#000000; }

h1 { font-size:100%; font-weight:normal; margin: 12px 0px 5px 0px; }
h1.image { margin:0; }

#container{ border: solid 3px #501D62; width:780px; margin: 15px auto 5px auto; background-color:#ffffff; }

#header { background: url(images/topgrad.gif) repeat-x; width:100%; float:left; }
#logo { padding:28px 18px; float:left; width:350px; }
#headerImages {float:right; width:367px; text-align:right; padding:14px 14px 14px 0;}
.headerImage { margin:0px 0px 0px 10px; border: solid 1px #501d62; padding:3px; }

#menu {height:37px; background: url(images/menu-background.gif) repeat-x; width:100%; }

.menuItem{height:37px;}

#menu ul { list-style-type:none; float:left; margin: 0px; padding:0px; }
#menu li { float:left; text-align:center; height:37px;}

.m1 {width:82px;}
.m2 {width:194px;}
.m3 {width:100px;}
.m4 {width:104px;}
.m5 {width:164px;}
.m6 {width:126px;}

#menu li.menuSpacer {width:2px;}
#menu li.menuSpacer img {padding-top:11px;}
#menu li.menuSpacer:hover {background: none;}

#menu li a { float:left; }
#menu li a img { border: solid 0px #ffffff;padding:11px 13px; }
#menu li a:hover, #menu li.menuSelected { background: url(images/menu-background-on.gif) repeat-x; }


#content { padding:20px; }
#contentPlain { padding:18px; }

#homepageLeft { float:left; width: 230px; padding:20px; }
#homepageRight { float:left; width: 475px; margin:30px 15px 20px 0px; }
#hpFavour { padding: 15px 0 0 12px; }
#hpButtons { text-align:center; padding-top:20px; }
#hpButtons img { padding-left:0px; }

#balloonImages { text-align:center; }
#balloonImages img { border: solid 1px #501d62; padding:3px; margin-right:10px; }

#footer { width:780px; margin:0px auto; font-size:80%; padding-bottom:20px;}

a { color:#414141; text-decoration:none; }
a:hover { color:#111111; }

.purpleFont { color: #501d62; font-weight:bold; }

.designs { float:left; padding: 12px 0 12px 85px; text-align:center; }
.design { float:left; width:199px; height:180px; }
.design img { border: solid 1px #501d62; padding:3px; }

.mainPic {border: solid 1px #501d62; padding:3px;margin:4px 2px;}
.smallPics {float:left; width:150px;}
.smallImage {border: solid 1px #501d62; padding:3px;margin:4px 2px 8px 6px; }
.smallImageLeft {border: solid 1px #501d62; padding:3px;margin:4px 2px 8px 0px; }

.leftDesign { float:left; width:318px;}
.rightDesign {float:left; width:426px; _width:414px; text-align:right;}

.leftButton {margin-bottom:7px;border-style:none;}
.rightButton { margin-left:8px; margin-bottom:7px;border-style:none;}
.roundedMid { background: url(images/rounded-mid.gif) repeat-y; float:left; width:312px; padding-left:18px;}

.btnRequest { border: solid 1px #9B8CCE; color: #ffffff; background-color:#5944A2;padding:3px 18px;text-align:center; }
.btnOrder { border: solid 1px #9B8CCE; color: #ffffff; background-color:#5944A2;padding:3px 18px;text-align:center; }

.designInfo { width:400px; font-size:85%; float:right; }

.underlined { text-decoration:underline; }

.form {width:520px;}
.formLeft { float:left;width:120px;font-weight:bold;padding-top:2px; text-align:right;padding-right:10px; }
.formRight { float:left;width:390px;padding-bottom:10px;}
.formTextbox { width:250px; font-size:95%;}
.form textarea { width:350px;height:75px;_height:100px; *height:110px; }
.form textarea.short { width:250px;height:80px; }
.form select { width:170px; font-size:85%; color:#515151; }
.sendButton { margin-right:35px; }

.requestLeft { width:380px; float:left; border-right: solid 1px #501D62; }
.requestRight {width:345px; float:left; padding-left:15px; }

.requestLeft input { width:200px; }
.requestLeft textarea { width:200px; height:100px;}
.requestLeft .formLeft { width:130px; }
.requestLeft .formRight { width:220px; }

.requestRight .formLeft { width:100px; }
.requestRight .formRight { width:140px; }
.requestRight textarea { width:210px; height:100px; }


#priceDiv p { margin:15px 0 10px 0; } 
.pricesLeft { float:left; width:170px; }
.pricesRight { float:left; width:85px; text-align:right; }


.favourPicture { width: 205px; float:left; }
.favourPicture img { border: solid 1px #501d62; padding:3px; }
.favourText { width:535px; float:left;}
.favourPrice { text-align:right; font-weight:bold; margin:10px 0; line-height: 150%; }

.fillings { margin: 12px auto; text-align:center; width:570px;}
.filling { float:left; width:190px; height:170px; }
.filling img { border: solid 1px #501d62; padding:3px; }

hr { background-color:#501d62; border: none 0px #501d62; height:1px; margin: 10px 0px; _margin: 5px 0px; }

.successMessage { text-align:center; font-size:120%; padding:50px 100px; font-weight:bold; height:200px; }
.successEnquiry { text-align:center; font-size:120%; padding:50px 45px; font-weight:bold; height:200px; width:400px; }

.rightFade { background-repeat:no-repeat; background-position:top right; height:440px; } 
.rightImage { background-repeat:no-repeat; background-position: 520px 110px; } 

.wordingOption { float:left; width:300px; margin-left:45px;_margin-left:28px; margin-top:25px; }
.wordingInvite { text-align:center; border: solid 1px #000000; padding:10px; height:250px; }

.fontImage { padding: 0 0 10px 15px; }
.fontHeadings { padding: 10px 0 20px 0; vertical-align:top; height:23px; }
.fontHeading { margin: 0 50px 3px 0; border:0px none #000; border-bottom: 2px solid #ffffff; }
.fontSelected { border-bottom: 2px solid #501d62; }

.newsItem { width: 475px; background-color:#e8d9ee; float:left; padding:8px; margin-top:5px;}
.newsPink { background-color:#ffd6f9; }
.newsThumb { width:70px; float:left;}
.newsThumb img { border: solid 1px #501D62; }
.newsSummary {width:400px; float:left;padding-top:2px;color:#333333;}
.newsTitle {font-weight:bold;color:#501D62;}
.newsLink { font-weight:bold;color:#501D62;font-size:80%;}


.hrFancy { background-image:url(images/hr.gif); background-repeat:no-repeat; background-color:#ffffff; height:18px; text-align:center; border:none 0px #ffffff; border-collapse:collapse;}

.postbox {  }
.postbox img { border: solid 1px #501d62; padding:3px; float:left; width: 186px; }
.postbox h3 { color:#501D62; float:left; width:535px; margin-left:15px; margin-bottom:7px; }
.postbox p { width:535px; float:left; margin-left:15px;}
.postboxPrice { text-align:right; font-weight:bold; margin:10px 0; line-height: 150%; }

.postbox .orderNow {  display:block; float:right; }
.postbox .orderNow img { width:150px; border:none 0 #ffffff; }
.postbox .boxPrice { display:block; float:right; font-size:110%; width:50px; padding-top:8px;color:#501D62; font-weight:bold; padding-right:10px; }

.checkoutImage { float:right; width:200px; height:350px; }
.checkoutImage img { border: solid 1px #501d62; padding:3px; }

#checkout .left { float:left; width:170px; height:30px;margin-top:3px;text-align:right;font-weight:bold;margin-right:10px; }
#checkout .right { float:left; width:360px; height:33px; }
#checkout .right input { width:300px; }
#checkout .right select { width:305px; }
#checkout .right .checkoutButton { width:150px; }