body {font-family: Arial, helvetica, Sans-Serif; background: #ffffff url(../img/bg.gif) repeat-x top left; margin: 0; padding: 0;}

p, li, td, label, input, select, textarea {font-family: verdana, myriad, Arial, helvetica, Sans-Serif; font-size: 10pt; color: #535353;}
p {margin: 10px 0;}
h1, h2, h3, h4, h5, h6 {color: #535353;}
li h1, li h2, li h3 {font-family: Arial, helvetica, Sans-Serif;}
h1, #frontcopy h1, #categorycopy h1, #productcopy h1 {font-size: 16pt; margin: 15px 0 10px 0;}
h2, #frontcopy h2, #categorycopy h2, #productcopy h2 {font-size: 14pt; margin: 15px 0 10px 0;}
h3, #frontcopy h3, #categorycopy h3, #productcopy h3 {font-size: 12pt; margin: 15px 0 10px 0;}
form, label, input, select, textarea {margin: 0; padding: 0;}
a {color: #535353;}
img {border: none;}



/* COMMON */
#container {width: 763px; margin: 0 auto;}
#content {width: 579px; padding: 0 0 9px 0; margin-left: 184px; _margin-left: 181px;}
.fimg {float: right; margin: 0 0 5px 10px;}
.top {margin-top: 0;}
.bottom {margin-bottom: 15px;}
#breadcrumb {margin: 0 0 20px 0; padding: 0 0 0 13px; list-style: none; background: transparent url(../img/breadcrumbbg.gif) no-repeat top left; height: 31px;}
#breadcrumb li {display: inline; line-height: 30px;}
#breadcrumb a {font-weight: bold; text-decoration: none; background: transparent url(../img/arrow.gif) no-repeat 0px 4px; padding: 0 7px 0 17px;}
#breadcrumb .first a {background: none; padding-left: 0px;}
#breadcrumb a:hover {text-decoration: underline;}
.price {font-weight: bold; margin-right: 10px;}
.oldprice {text-decoration: line-through; margin-right: 10px;}
.quantity {width: 20px;}



/* HEADER */
#header {background-color: #fff7d5; height: 94px; margin: 0 0 23px 0;}

#header h1 {float: left; margin: 18px 0 0 5px;}
#header h1 img {border: none;}

#searchform {float: right; margin-top: 15px;}
#searchform label {font-family: Arial, helvetica, Sans-Serif; font-weight: bold;}
#searchform label, #searchform input {vertical-align: middle;}
#st {border: 1px solid #979797; background-color: #fafafa; height: 14px; padding: 0 2px; font-size: 8pt;}

#header ul {clear: right; float: right; list-style: none; margin: 30px 0 0 0; padding: 0; width: 600px;}
#header li {float: left; margin: 0; padding: 0 0 0 20px;}
#header li a {display: block; text-indent: -5000px;}
#menuhome {width: 64px; height: 20px; background: transparent url(../img/home.gif) no-repeat 20px 3px; overflow: hidden;}
#menuabout {width: 170px; height: 20px; background: transparent url(../img/about.gif) no-repeat 20px 3px; overflow: hidden;}
#menudesigns {width: 176px; height: 20px; background: transparent url(../img/designs.gif) no-repeat 20px 3px; overflow: hidden;}
#menucontact {width: 110px; height: 20px; background: transparent url(../img/contact.gif) no-repeat 20px 3px; overflow: hidden;}
#menucontact:hover, #menuabout:hover, #menuhome:hover {background-position: 20px -41px;}
#menudesigns:hover {background-position: 20px -39px;}


/* PRODUCT MENU */
#menus {float: left; width: 169px; height: 575px; overflow: hidden;}

#productmenu {list-style: none; margin: 0; padding: 0;}
#productmenu ul {list-style: none; margin: 0; padding: 0;}
#productmenu li {margin: 0 0 9px 0; text-align: center;}
#productmenu li ul {margin: 8px 0 0 0;}

#productmenu li {padding: 10px 0; overflow: hidden;}

#forboys {background: #daf1fa url(../img/forboysbg.gif) no-repeat left top; height: 102px;}
#forgirls {background: #fce8ec url(../img/forgirlsbg.gif) no-repeat left top; height: 102px;}
#byproduct {background: #fff7d5 url(../img/byproductbg.gif) no-repeat left top; height: 128px;}
#byoccasion {background: #fff7d5 url(../img/byoccasionbg.gif) no-repeat left top; height: 47px;}

#productmenu li a {text-indent: -2000px; display: block; height: 20px; background-position: center top; background-repeat: no-repeat; background-color: transparent; width: 169px; overflow: hidden;}
#productmenu li a:hover {background-position: center bottom;}

#forboys a {background-image: url(../img/forboys.gif);}
#forgirls a {background-image: url(../img/forgirls.gif);}
#byproduct a {background-image: url(../img/byproduct.gif);}
#byoccasion a {background-image: url(../img/byoccasion.gif);}

#productmenu li li {padding: 0;}

#productmenu li li a {text-indent: -2000px; display: block; height: 18px; background-position: center top; background-repeat: no-repeat; width: 169px; overflow: hidden;}
#productmenu li li a:hover {background-position: center bottom;}

#littleman a {background-image: url(../img/littleman.gif);}
#littlestar a {background-image: url(../img/littlestar.gif);}
#babyboy a {background-image: url(../img/babyboy.gif);}
#littlelady a {background-image: url(../img/littlelady.gif);}
#littlesweetheart a {background-image: url(../img/littlesweetheart.gif);}
#babygirl a {background-image: url(../img/babygirl.gif);}
#mugs a {background-image: url(../img/mugs.gif);}
#mugsets a {background-image: url(../img/mugandbowlsets.gif);}
#keepsakes a {background-image: url(../img/keepsakes.gif);}
#moneyboxes a {background-image: url(../img/moneyboxes.gif);}
#christening a {background-image: url(../img/christening.gif);}

#basket {width: 112px; height: 61px; background: #fff7d5 url(../img/basketbox.gif) no-repeat left top; padding: 5px 0px 5px 57px;}
#basket p {margin: 0; font-family: Arial, helvetica, Sans-Serif; line-height: 20px;}
#basket a {font-weight: bold;}


/* FOOTER */
#footer {background-color: #fce8ec; padding-top: 4px; text-align: center; clear: both;}
#footer ul {background-color: #fff7d5; border-top: 10px solid #daf1fa; line-height: 30px; list-style: none; margin: 0; padding: 0;}
#footer li {display: inline; margin-right: 9px;}
#footer li a {background: transparent url(../img/dash.gif) no-repeat left center; text-decoration: none; padding-left: 15px;}
#footer li a:hover {text-decoration: underline;}



/* FRONT */
#frontcopy {padding: 5px 0 3px 0; font-size: 10pt;}
#frontcopy p {margin: 0 0 10px 0;}
#buywithconfidence {background: #ecfafe url(../img/blueboxnarrow.gif) repeat center top; width: 307px; height: 220px; float: right;}
#buywithconfidence h3 {background: transparent url(../img/blueboxnarrow.gif) no-repeat left top; margin: 0; font-size: 12pt; font-style: italic; text-align: center; padding: 10px 0 0 0; line-height: 20px;}
#buywithconfidence ul {list-style: none; margin: 4px 0 0 20px; padding: 0;}
#buywithconfidence li {line-height: 23px; font-size: 11pt;}
#buywithconfidence a {background: transparent url(../img/pinkheartsmallonblue.gif) no-repeat 0px 3px; text-decoration: none; padding-left: 20px;}
#buywithconfidence a:hover {text-decoration: underline;}
#buywithconfidence .more {background: transparent url(../img/blueboxnarrow.gif) no-repeat right bottom; text-align: right; margin: 0; padding: 1px 10px 8px 0;}
#buywithconfidence .more a {background: none; font-weight: bold;}

#fromelaine {background: #ecfafe url(../img/pinkboxwide.gif) repeat center top; width: 579px; margin-top: 10px;}
#fromelaine p {background: transparent url(../img/pinkboxwide.gif) no-repeat left top; margin: 0; padding: 10px 10px 0px 12px;}
#fromelaine p#withlove {background: transparent url(../img/pinkboxwide.gif) no-repeat right bottom; padding: 0px 10px 15px 350px;}
#fromelaine img {position: absolute; margin: -45px 0 0 440px;}


/* CATEGORY LISTING */
.categorylisting {margin: 15px 0; padding: 0; list-style: none; clear: right;}
.categorylisting li {height: 130px; background: transparent url(../img/greybox537.gif) no-repeat left top; margin: 7px 0 7px 0;}
.cat1 {width: 527px; padding-right: 10px; float: left;}
.cat2 {width: 524px; padding-left: 13px; float: right;}
.categorylisting h2 {margin: 0 0 8px 0; padding: 13px 0 0 0; font-size: 12pt;}
.categorylisting h2 a {text-decoration: none;}
.categorylisting h2 a:hover {text-decoration: underline;}
.categorylisting p a {font-weight: bold;}
.categorylisting p {margin: 8px 0 10px 0;}
.categorylisting img {margin: 7px; border: none;}
.cat1 img {float: left;}
.cat2 img {float: right;}



/* PRODUCT LISTING */
#categorycopy {padding: 0 15px; font-size: 10pt;}
.productlisting {margin: 15px 0; padding: 0; list-style: none; clear: right;}
.productlisting li {width: 579px; height: 130px; background: transparent url(../img/greybox579.gif) no-repeat left top; margin: 13px 0 13px 0;}
.productlisting h2 {margin: 0 0 8px 0; padding: 13px 0 0 0; font-size: 12pt;}
.productlisting h2 a {text-decoration: none;}
.productlisting h2 a:hover {text-decoration: underline;}
.productlisting p a {font-weight: bold;}
.productlisting p {margin: 10px 0 15px 0;}
.productlisting img {float: left; margin: 10px; border: none;}
.prodlistaddtobasket input, .prodlistaddtobasket select {vertical-align: middle;}
.prodlistaddtobasket .quantity {margin-left: 20px;}



/* PRODUCT DETAILS */
.proddetailsprice {font-size: 12pt; font-family: Arial, helvetica, Sans-Serif;}
#productcopy {font-size: 10pt; clear: right; padding-top: 5px;}
.proddetailsaddtobasket p {margin: 30px 0 15px 0;}
.proddetailsaddtobasket label {font-weight: bold; padding-right: 5px;}
.proddetailsaddtobasket select {margin: 3px 0;}



/* CONTACT */
#contactform {background: transparent url(../img/greybox537split.gif) no-repeat right bottom; width: 537px; margin: 20px 20px 0px 20px; padding: 0 0 15px 0;}
#contactform h2 {margin: 0; background: transparent url(../img/greybox537split.gif) no-repeat left top; padding: 10px 15px;}
#contactform p {border-width: 0 1px; border-style: solid; border-color: #cfcfcf; margin: 0; padding: 5px 0;}
#contactform label {width: 120px; float: left; padding-right: 5px; text-align: right;}
#contactform textarea {padding: 5px;}
.sendbutton {width: 126px; height: 27px; background: transparent url(../img/sendmessage.gif) no-repeat left top; border: none; margin: 5px 0 0 125px;}



/* DESIGNS */
.designslisting {margin: 15px 0; padding: 0; list-style: none; clear: right;}
.designslisting li {height: 130px; background: transparent url(../img/greybox537.gif) no-repeat left top; margin: 7px 0 7px 0;}
.designslisting h2 {margin: 0 0 8px 0; padding: 13px 0 0 0; font-size: 12pt;}
.designslisting h2 a {text-decoration: none;}
.designslisting h2 a:hover {text-decoration: underline;}
.designslisting p a {font-weight: bold;}
.designslisting p {margin: 8px 0 10px 0;}
.designslisting img {margin: 7px; border: none;}
.designslisting .boy {width: 527px; padding-right: 10px; float: left;}
.designslisting .girl {width: 524px; padding-left: 13px; float: right;}
.designslisting .boy img {float: left;}
.designslisting .girl img {float: right;}