* { margin: 0px; padding: 0px }

/* Main bits */
body { background: url('../img/background.gif'); text-align: center; font: 12px Arial, sans-serif; color: #4d4d4f; }
#container { width: 980px; margin: 0px auto }
#drop-shadow { background: url('../img/shadow-background.png') 20px 95px no-repeat; }
#content { width: 922px; margin: 0px auto; text-align: left }

/* Links */
a { color: #7eb124; }
a:hover { text-decoration: none; }
a img { border: none; }

/* Header */
#header { height: 90px; }
#header .logo { margin: 12px 0px 0px 23px }

/* Utility nav */
#header ul { float: right; height: 23px; list-style-type: none; }
#header ul li { float: left; height: 23px; background: url('../img/utility-background.png') no-repeat; padding: 3px 5px 3px 2px; }
#header ul li.first-child { background: url('../img/utility-first-child-background.png') top left no-repeat; padding-left: 10px; }
#header ul li.last-child { background: url('../img/utility-last-child-background.png') top right no-repeat; padding-right: 3px; }
#header ul li a { display: block; float: left; padding: 0px 8px 0px 0px; color: #fff; text-decoration: none; background: url('../img/utility-link-background.gif') center right no-repeat; }
#header ul li.last-child a { background: none; }
#header ul li a:hover { text-decoration: underline; }

/* Shopping bag */
#header #shopping-bag { float: right; clear: right; width: 150px; line-height: 14px; margin: 7px 20px 0px 0px; text-align: right; }
#header #shopping-bag img { float: right; margin-left: 10px; }
#header #shopping-bag h3 { font-size: 12px; color: #552a1d; margin-top: 3px; }
#header #shopping-bag p { font-size: 11px; }
#header #shopping-bag a { color: #4d4d4d; }

/* Search & email signup */
#search-bar { clear: both; height: 38px; background: url('../img/search-bar-background.gif') repeat-x #330b04; margin-top: 5px; }

#site-search { float: left; padding: 10px 0px 0px 20px }
#site-search label { color: #e40375; font-weight: bold; }
#site-search label span { color: #fff }
#site-search input { height: 14px; color: #444; font-size: 11px }
#site-search button { width: 33px; height: 18px; background: url('../img/go-button.gif'); cursor: pointer; border: none; vertical-align: top }

#special-offers { float: right; padding: 10px 20px 0px 0px }
#special-offers label { color: #fff; font-weight: bold; }
#special-offers input { height: 14px; color: #444; font-size: 11px }
#special-offers button { width: 33px; height: 18px; background: url('../img/go-button.gif'); cursor: pointer; border: none; vertical-align: top }

#body { background: #fff; padding: 1px 0px; }
#copy { width: 620px; padding: 20px; float: left; margin: 18px 0px 0px 18px; border: 1px solid #ccc; overflow: hidden; }
#copy h1 { color: #4d2416; font: bold 21px Arial, sans-serif; text-transform: lowercase; }
#copy h1 a { color: #4d2416; text-decoration: none; }
#copy h2 { color: #3293bc; font: bold 14px Arial, sans-serif; }
#copy p { margin: 7px 0px; }

/* Sidebar items */
#sidebar { float: left; margin: 0px 0px 0px 20px;  }

.sidebar { width: 201px; border: 1px solid #f25cb4; margin: 18px 0px 0px 0px;  }
.sidebar h2 { height: 21px; padding: 4px 0px 0px 25px; background: url('../img/sidebar-headline-background.gif') repeat-x #381008; color: #fff; font: bold 13px Arial, sans-serif; text-transform: lowercase; }
.sidebar h2 em { font-style: italic; font-family: serif }
.sidebar ul { list-style-type: none }
.sidebar ul li { padding: 8px 0px 0px 15px; background: url('../img/sidebar-li-background.gif') left bottom repeat-x; height: 20px; display: block }
.sidebar ul li a { font-weight: bold; color: #4d4d4f; text-decoration: none; background: url('../img/sidebar-dot.gif') 0px 5px no-repeat; padding: 0px 0px 0px 10px }
.sidebar ul li a:hover { color: #7eb124; }
.sidebar p { padding: 8px 13px 5px 15px }
.sidebar p a { color: #e60376 }

#blog-callout li { padding: 4px 0px 0px 15px; }
#blog-callout li a { font-weight: normal; }

#advertisement { margin: 18px 0px 0px 0px; }

/* Footer */
#footer { margin: 0px auto; background: url('../img/footer-background.png') top center no-repeat; height: 34px; padding: 30px; text-align: center }
#footer ul { list-style-type: none; padding-bottom: 10px; }
#footer ul li { display: inline; background: url('../img/footer-li-background.gif') 0px 3px no-repeat; padding: 0px 3px 0px 7px; }
#footer ul li.first-child { background: none; }
#footer a { color: #666; }
#footer p { padding: 0px 60px 5px 60px; font-size: 11px }

/* Occasion view */
.occasions { float: left; text-align: center; padding: 10px 5px }
.occasion-image { padding: 10px; background: url('../img/invitation-background.gif') }

/* Theme view */
#invitation { width: 225px; float: left }
#invitation img { padding: 10px; background: url('../img/invitation-background.gif') no-repeat; margin: 0px 0px 0px -5px }

.sale-price { color: #e54242 }
.zoom-wrapper { width: 0px; height: 0px; }
.item .zoom-wrapper img { background: none; position: relative; bottom: 45px; left: 135px; width: 16px; height: 16px; }
#invitation .zoom-wrapper img { background: none; position: relative; bottom: 45px; left: 135px }


#theme-title { padding: 0px 0px 3px 10px; }
#theme-detail { width: 375px; float: left; margin-bottom: 25px; }
#theme-detail.wide { width: 600px; float: left; margin-bottom: 25px; }

#theme-detail img { padding: 10px; background: url('../img/theme-background.gif') no-repeat; margin: 0px 0px 10px -5px }
#theme-detail.wide img { padding: 10px; background: url('../img/theme-background-wide.gif') no-repeat; margin: 0px 0px 10px -5px }

#theme-detail .description { padding-left: 20px; border-left: 1px solid #d4d4d4; }
#theme-detail.wide .description { padding-left: 0px; border-left: 0px; }

form.add-to-cart label, form.add-to-cart input { margin: 5px 0px; }
form.add-to-cart button { margin-top: 10px; padding: 3px; color: #3293bc; border: 1px solid #dcddde; background: #f1f8ed; cursor: pointer; font-size: 11px; }
input.submit { padding: 2px; color: #3293bc; font-size: 11px; border: 1px solid #dcddde; background: #f1f8ed; cursor: pointer; }
form.add-to-cart button[disabled="disabled"] { background: #eee; border: 1px solid #666; color: #333; cursor: auto; }
.item { width: 175px; padding: 0px 25px 20px 0px; float: left; }
.item img { background: url('../img/item-background.gif') no-repeat; padding: 10px; margin-left: -5px; }

/* Forms */
form fieldset { border: 0px; }
form fieldset legend { color: #3293bc; font: bold 14px Arial, sans-serif; text-transform: lowercase; margin-bottom: 5px; }
.form-error { border: 2px solid red; }

div.input { clear: left; }
div.input label { width: 100px; float: left; margin: 3px 0px; }
div.input input, div.input select { float: left; margin: 3px 0px; }
div.input div.error-message { color: red; display: block; width: 200px; }
input#PaymentCreditCardCsc { width: 20px; }

/* Cart display */
.message { margin: 15px 0px; padding: 7px 10px; border: 2px solid #3293bc; }
.back { float: left; clear: left;  padding: 2px; color: #3293bc; font-size: 11px; border: 1px solid #dcddde; background: #f1f8ed; cursor: pointer; }
.forward { float: right; clear: right;  padding: 2px; color: #3293bc; font-size: 11px; border: 1px solid #dcddde; background: #f1f8ed; cursor: pointer; }

table.cart { margin: 15px 0px; }
table.cart .photo, table.cart .quantity { text-align: center; }
table.cart .photo img { padding: 6px; background: url('../img/cart-item-background.gif'); }
table.cart .photo img.invitation { background: url('../img/cart-invitation-background.gif'); }
table.cart .description { width: 150px; }
table.cart td { border-top: 1px solid #ccc; padding: 5px 0px 10px 0px; }

.photo img { padding: 6px; background: url('../img/cart-item-background.gif'); }
.photo img.invitation { background: url('../img/cart-invitation-background.gif'); }

/* Misc */
a.previous { float: left; padding: 3px 7px; color: #3293bc; border: 1px solid #dcddde; background: #f1f8ed; cursor: pointer; text-decoration: none; }

/* FOR MODAL BOX */
/* Overlay */
#modalOverlay { background-color:#eee; cursor:wait; }

/* Container */
#modalContainer { width: 400px; height: auto; left:50%; top:15%; margin-left:-150px; background-color:#fff; padding: 20px 10px; border:3px solid #ccc; }		
#modalContainer a.button { margin-top: 10px; padding: 3px 7px; color: #3293bc; border: 1px solid #dcddde; background: #f1f8ed; cursor: pointer; text-decoration: none; }
#modalContainer a.modalCloseImg { /*background:url('../img/x.png') no-repeat;*/ width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; }
#modalContainer #basicModalContent { padding:8px; }

/* Misc. styles */
.clear-left { clear: left }
.clear-right { clear: right; }
.clear { clear: both; }