@import url("reset.css");

body {
	background-color: #FFFFFF; 
	background-repeat: no-repeat; 
	background-position: top center; 
	padding: 0 0 0 0; 
	margin: 0; 
}

.print { display: none; }

p { margin-bottom: 1em; }

em { color: #999; }

a.top { 
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: 0.05em;
	color: #666 !important;
}

a.top:hover { color: #000; }

.divider { display: block; border-bottom: dashed 1px #BBB; height: 20px; margin-bottom: 20px; width: 100%; clear: left; }

h2.milo-black {
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 1em;
	clear: left;
	margin-top: 30px;
}

h1.stationery {
	font-size: 11px;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	color: #000;
	margin-bottom: 1em;
	background: url(../images/hdr-stationery.gif) no-repeat 0 0;
	width: 200px;
	height: 30px;
}

h1.printed {
	font-size: 11px;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	color: #000;
	margin-bottom: 1em;
	background: url(../images/hdr-printed-stationery.gif) no-repeat 0 0;
	width: 260px;
	height: 30px;
}

h1.letterpress {
	font-size: 11px;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	color: #000;
	margin-bottom: 1em;
	background: url(../images/hdr-letterpress-stationery.gif) no-repeat 0 0;
	width: 270px;
	height: 30px;
}

h1.bespoke {
	font-size: 11px;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	color: #000;
	margin-bottom: 1em;
	background: url(../images/hdr-bespoke-stationery.gif) no-repeat 0 0;
	width: 260px;
	height: 30px;
}

h1.enquiry {
	font-size: 11px;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	color: #000;
	margin-bottom: 1em;
	background: url(../images/hdr-enquiry.gif) no-repeat 0 0;
	width: 200px;
	height: 30px;
}

h1.thanks {
	font-size: 11px;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	color: #000;
	margin-bottom: 1em;
	background: url(../images/hdr-thanks.gif) no-repeat 0 0;
	width: 160px;
	height: 30px;
}

#wrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	width: 739px; 
	margin: 0 auto; 
}

a#header { 
	width: 739px; height: 219px;
	background: url(../images/hdr-logo.gif) no-repeat; 
	display: block;
}

a#header strong {
	text-indent: -999px;
	display: block;
	overflow: hidden;
}

body, 
p, 
input, 
textarea, 
#product-details .price, 
#faq-content .faq-list dt, 
#contact-form label, 
#cart-footer .cart-total #cart-shipping-tax p 
{color: #666666;}

a:link, a:visited 
{color: #000000;}

a:hover, a:active
{color: #333333;}

#main-content { 
	width: 552px;
	padding: 0;
	float: right;
	position: relative;
}

#nav {
	margin: 0 0 20px 0;
	width: 510px;
	border-bottom: 1px dashed #CCC;
	height: 24px;
}

#nav li {
	float: left;
	padding: 0 2px 8px 4px;
	margin-bottom: 30px;
}

#nav li a {
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #666;
	padding-right: 8px;
}

#nav li a.hdr {
	padding-right: 0;
}

#nav li a.sub {
	font-weight: normal;
	padding-right: 4px;
}

#nav li a:hover {
	color: #000;
}

/* SIDE BAR ALL PAGES */

#sidebar {
	width: 187px;
	float: right;
	padding-bottom: 30px;
}

#sidebar a.btn-shop {
	width: 187px;
	height: 194px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(../images/btn-shop.gif);
	background-position: 0 0;
}

#sidebar a.btn-shop:hover {
	background-position: 0 -195px;	
}

#sidebar a.btn-blog {
	width: 187px;
	height: 197px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background: url(../images/btn-blog.gif);
	background-position: 5px 0;
	margin-top: 15px;
}

#sidebar a.btn-blog:hover {
	background-position: 5px -203px;	
}

/* HOMEPAGE CONTENT */

body#home {
	background: url(../images/background.jpg) no-repeat top center;
}

body#home #main-content { 
	background: url(../images/marianne.jpg) no-repeat;
}

body#home a#btn-stationery {
	background-image: url(../images/btn-stationery.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 138px; height: 138px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	position: absolute;
	/*top: 18px;*/ top:35px; left: -26px;
}

body#home a#btn-stationery:hover {
	background-position: 0 -142px;
}

ul#types li {
	margin-top: 310px;
	width: 181px;
	float: left;
}

ul#types li a {
	display: block;
	width: 181px;
	height: 140px;
	background-repeat: no-repeat;
	background-image: url(../images/btn-printed.png);
	background-position: 0 0;
	text-indent: -999px; 
	overflow: hidden;
}

ul#types li a:hover {
	background-position: 0 -141px;
}

ul#types li a.printed { background-image: url(../images/btn-printed.png); }
ul#types li a.letterpress { background-image: url(../images/btn-letterpress.png); }
ul#types li a.bespoke { background-image: url(../images/btn-bespoke.png); }


.copy {
	width: 338px;
	margin: 0 20px 0 2px;
	float: left;
}

.info {
	width: 156px;
	float: left;
	margin: 0 0 0 15px;
}

#twitter_div { margin-left: 40px !important; }
ul#twitter_update_list { margin-bottom: 1em; }


/* STATIONERY PAGE CONTENT */

body.internal {
	background: url(../images/chandelier.jpg) no-repeat top center;
}

body#stationery #main-content {
	padding: 0 10px 40px 8px;
	width: 534px;
	height: auto;
}

body.internal #main-content p, body.internal #main-content h1, body.internal #main-content h2 {
	padding-right: 30px;
	padding-left: 4px;
	clear: left;
}

ul.thumbnails {
	clear: both;
	padding-bottom: 20px;
}

ul.thumbnails li {
	width: 134px;
	height: 90px;
	padding: 17px 16px 19px 19px;
	background: url(../images/bg-thumb.gif) no-repeat 0 0;
	margin: 0 5px 10px 0;
	float: left;
}

p.top { 
	padding-right: 150px !important;
}

a.btn-likethis {
	background-image: url(../images/btn-like2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 138px; height: 138px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
}

a.btn-sample {
	background-image: url(../images/btn-sample.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 138px; height: 138px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
}

 #sidebar a.btn-sample {
	margin: 350px 0 0 25px;
}

 a#btn-likethis {
 	position: absolute;
	top: 40px; right: 6px;
}

a.btn-likethis:hover, a.btn-sample:hover {
	background-position: 0 -143px;
}

body#home a.btn-sample, body#enquiry a.btn-sample, body#thanks a.btn-sample { display: none; }

a.like {
	background: url(../images/btn-like.gif) no-repeat;
	width: 173px;
	height: 25px;
	clear: left;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin: 20px 0 0 172px;
}


a.enquiry {
	background: url(../images/btn-enquiry.gif) no-repeat;
	width: 159px;
	height: 33px;
	clear: left;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin: 20px 0 0 180px;
}

/* Enquiry page */

body#enquiry a#btn-stationery {
	background-image: url(../images/btn-stationery.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 138px; height: 138px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	position: absolute;
	top: 40px; right: 6px;
}

body#enquiry a#btn-stationery:hover {
	background-position: 0 -142px;
}

/* thank you page */

body#thanks h2.milo-black { margin-top: 30px !important; }

body#thanks ul.info {
	margin-left: 4px;
	margin-right: 10px;
	width: 250px;
	line-height: 160%;
}

body#thanks .clearfix {
	padding-bottom: 50px;
}

/* INVITATION PAGES */


#invite-items {
	width: 530px;
	height: 660px;
	display: block;
	position: relative;
}

#invite-items a { text-decoration: none !important; }
#invite-items a strong { visibility: hidden; }

#invite-items a#front { 
	width: 264px;
	height: 372px;
	position: absolute;
	top: 0;
	left: 0;
}

#invite-items a#back {
	width: 264px;
	height: 372px;
	position: absolute;
	top: 0;
	left: 265px;
}

#invite-items a#rsvp {
	width: 327px;
	height: 270px;
	position: absolute;
	top: 379px;
	left: 0;
}

#invite-items a#thanks {
	width: 250px;
	height: 200px;
	position: absolute;
	top: 379px;
	left: 330px;
}

ul.colours { margin-left: 4px; }
ul.colours li { width: 65px; float: left; }
ul.colours li a { width: 55px; height: 55px; text-indent: -999px; overflow: hidden; display: block; }

ul.extras { margin-left: 4px; }
ul.extras li { width: 150px; float: left; }
ul.extras li img { width: 150px; border: 1px solid #CCC; }


/* PRINTED INVITATIONS */
body.stitch #invite-items { background: url(../images/stationery/printed/stitch-all.jpg) no-repeat; }
body.stitch .colours a.one { background: url(../images/stationery/printed/stitch-colour-rasberry.jpg) repeat-x; }
body.stitch .colours a.two { background: url(../images/stationery/printed/stitch-colour-bluegreen.jpg) repeat-x; }
body.stitch .colours a.three { background: url(../images/stationery/printed/stitch-colour-blue.jpg) repeat-x; }
body.stitch .colours a.four { background: url(../images/stationery/printed/stitch-colour-yellow.jpg) repeat-x; }
body.stitch .colours a.five { background: url(../images/stationery/printed/stitch-colour-pink.jpg) repeat-x; }

body.vintage #invite-items { background: url(../images/stationery/printed/vintage-all.jpg) no-repeat; }
body.vintage .colours a.one { background: url(../images/stationery/printed/vintage-colour-red.jpg) repeat-x; }
body.vintage .colours a.two { background: url(../images/stationery/printed/vintage-colour-blue.jpg) repeat-x; }
body.vintage .colours a.three { background: url(../images/stationery/printed/vintage-colour-pink.jpg) repeat-x; }

body.luella #invite-items { background: url(../images/stationery/printed/luella-all.jpg) no-repeat; }
body.luella .colours a.one { background: url(../images/stationery/printed/luella-colour-teagreen.gif) no-repeat -20px -45px; }
body.luella .colours a.two { background: url(../images/stationery/printed/luella-colour-golden.gif) no-repeat -20px -45px; }
body.luella .colours a.three { background: url(../images/stationery/printed/luella-colour-apricot.gif) no-repeat -20px -45px; }
body.luella .colours a.four { background: url(../images/stationery/printed/luella-colour-lilac.gif) no-repeat -20px -45px; }
body.luella .colours a.five { background: url(../images/stationery/printed/luella-colour-sky.gif) no-repeat -20px -45px; }

body.confetti #invite-items { background: url(../images/stationery/printed/confetti-all.jpg) no-repeat; }
body.confetti .colours a.one { background: url(../images/stationery/printed/confetti-colour-apricot.jpg) repeat-y; }
body.confetti .colours a.two { background: url(../images/stationery/printed/confetti-colour-bluemint.jpg) repeat-y; }
body.confetti .colours a.three { background: url(../images/stationery/printed/confetti-colour-blueorange.jpg) repeat-y; }
body.confetti .colours a.four { background: url(../images/stationery/printed/confetti-colour-yellowred.jpg) repeat-y; }
body.confetti .colours a.five { background: url(../images/stationery/printed/confetti-colour-pinkgreen.jpg) repeat-y; }

body.milkbar #invite-items { background: url(../images/stationery/printed/milkbar-all.gif) no-repeat; }
body.milkbar .colours a.one { background: url(../images/stationery/printed/milkbar-colour-purple.gif) repeat-y; }
body.milkbar .colours a.two { background: url(../images/stationery/printed/milkbar-colour-blue.gif) repeat-y; }
body.milkbar .colours a.three { background: url(../images/stationery/printed/milkbar-colour-green.gif) repeat-y; }
body.milkbar .colours a.four { background: url(../images/stationery/printed/milkbar-colour-pink.gif) repeat-y; }
body.milkbar .colours a.five { background: url(../images/stationery/printed/milkbar-colour-red.gif) repeat-y; }

body.paperheart #invite-items { background: url(../images/stationery/printed/paperheart-all.jpg) no-repeat; }
body.paperheart .colours a.one { background: url(../images/stationery/letterpress/paperheart-colour-berry.gif) repeat-y; }
body.paperheart .colours a.two { background: url(../images/stationery/letterpress/paperheart-colour-tang.gif) repeat-y; }
body.paperheart .colours a.three { background: url(../images/stationery/letterpress/paperheart-colour-peach.gif) repeat-y; }
body.paperheart .colours a.four { background: url(../images/stationery/letterpress/paperheart-colour-mint.gif) repeat-y; }
body.paperheart .colours a.five { background: url(../images/stationery/letterpress/paperheart-colour-turq.gif) repeat-y; }
body.paperheart .colours a.six { background: url(../images/stationery/letterpress/paperheart-colour-sky.gif) repeat-y; }
body.paperheart .colours a.seven { background: url(../images/stationery/letterpress/paperheart-colour-lilac.gif) repeat-y; }

body.wooden #invite-items { background: url(../images/stationery/printed/wooden-all.jpg) no-repeat; }
body.wooden .colours a.one { background: #17a4ab; }
body.wooden .colours a.two { background: #ee811f; }
body.wooden .colours a.three { background: #794594; }
body.wooden .colours a.four { background: #ef4840; }


/* LETTERPRESS INVITATIONS */
.colours a.black { background: #000; }
.colours a.silver { background: #b4babb; }
.colours a.gold { background: #b58954; } 
.colours a.chocolate { background: #372419; }
.colours a.graphite { background: #7f8083; }
.colours a.mushroom { background: #c0b9a9; }
.colours a.turquoise { background: #3db8bd; }
.colours a.peach { background: #feae8e; }
.colours a.sage { background: #aaba83; }
.colours a.mint { background: #98f1b1; }
.colours a.eggshell { background: #e6dac6; }
.colours a.lime { background: #c5df4d; }
.colours a.champagne { background: #b7a398; }
.colours a.aubergine { background: #5e3163; }
.colours a.toffeeapple { background: #cc0030; }
.colours a.buttercup { background: #f6c542; }
.colours a.sky { background: #c3e6ee; }
.colours a.musk { background: #fcaab4; }
.colours a.kellygreen { background: #58a933; }
.colours a.lilac { background: #cfc6dc; }
.colours a.denim { background: #466073; }
.colours a.navy { background: #141a48; }
.colours a.tangerine { background: #ff4800; }
.colours a.berry { background: #cc0048; }
.colours a.tomato { background: #e20e0e; }
.colours a.marine { background: #165ea1; }
.colours a.grape { background: #632d9a; }
.colours a.sunflower { background: #ffde00; }
.colours a.cerise { background: #da2685; }
.colours a.emerald { background: #00905b; }
.colours a.indigo { background: #1b2173; }

/* TWO LETTERPRESS COLOURS */
.colours a.musk-champ { background: url(../images/stationery/letterpress/colours/musk-champagne.gif) repeat-y; }
.colours a.peach-champ { background: url(../images/stationery/letterpress/colours/peach-champagne.gif) repeat-y; }
.colours a.butter-champ { background: url(../images/stationery/letterpress/colours/buttercup-champagne.gif) repeat-y; }
.colours a.sage-champ { background: url(../images/stationery/letterpress/colours/sage-champagne.gif) repeat-y; }
.colours a.musk-mushroom { background: url(../images/stationery/letterpress/colours/musk-mushroom.gif) repeat-y; }
.colours a.peach-mushroom { background: url(../images/stationery/letterpress/colours/peach-mushroom.gif) repeat-y; }
.colours a.lilac-graphite { background: url(../images/stationery/letterpress/colours/lilac-graphite.gif) repeat-y; }
.colours a.mint-graphite { background: url(../images/stationery/letterpress/colours/mint-graphite.gif) repeat-y; }
.colours a.kelly-graphite { background: url(../images/stationery/letterpress/colours/kellygreen-graphite.gif) repeat-y; }
.colours a.lilac-silver { background: url(../images/stationery/letterpress/colours/lilac-silver.gif) repeat-y; }
.colours a.aubergine-silver { background: url(../images/stationery/letterpress/colours/aubergine-silver.gif) repeat-y; }
.colours a.sky-denim { background: url(../images/stationery/letterpress/colours/sky-denim.gif) repeat-y; }
.colours a.turquoise-denim { background: url(../images/stationery/letterpress/colours/turquoise-denim.gif) repeat-y; }

body.ampersand #invite-items { background: url(../images/stationery/letterpress/ampersand-all.jpg) no-repeat; }
body.honeycomb #invite-items { background: url(../images/stationery/printed/honeycomb-all.jpg) no-repeat; }
body.crest #invite-items { background: url(../images/stationery/letterpress/crest-all.jpg) no-repeat; }
body.cameo #invite-items { background: url(../images/stationery/letterpress/cameo-all.jpg) no-repeat; }
body.mayfair #invite-items { background: url(../images/stationery/letterpress/mayfair-all.jpg) no-repeat; height: 365px; }
body.doodle #invite-items { background: url(../images/stationery/letterpress/doodleheart-all.jpg) no-repeat; height: 570px; }
body.blossom #invite-items { background: url(../images/stationery/letterpress/blossom-all.jpg) no-repeat; }

/* layout exceptions */
body.stitch #invite-items a#rsvp { width: 250px; }
body.stitch #invite-items a#thanks { top: 410px; left: 280px; }

body.vintage #invite-items a#thanks { width: 195px; }

body.confetti #invite-items a#rsvp { width: 260px; }
body.confetti #invite-items a#thanks { left: 270px; }
body.confetti ul.colours li a { height: 45px; }

body.milkbar #invite-items a#front { width: 183px; height: 260px; }
body.milkbar #invite-items a#back { width: 340px; height: 260px; top: 36px; left: 183px; }
body.milkbar #invite-items a#rsvp { width: 280px; height: 316px; top: 316px; }
body.milkbar #invite-items a#thanks { left: 305px; top: 320px; width: 180px; height: 246px; }
body.milkbar ul.colours li a { height: 45px; }

body.ampersand #invite-items { height: 590px; }
body.ampersand #invite-items a#rsvp { top: 105px; left: 271px; width: 192px; }
body.ampersand #invite-items a#thanks { left:130px; width: 260px; }

body.honeycomb #invite-items a#rsvp { left: 0; width: 325px; }
body.honeycomb #invite-items a#thanks { left:330px; width: 260px; width: 180px; height: 270px; }

body.crest #invite-items { height: 590px; }
body.crest #invite-items a#rsvp { top: 180px; left: 271px; width: 260px; height: 200px; }
body.crest #invite-items a#thanks { left:130px; width: 260px; }

body.cameo #invite-items a#front { width: 372px; height: 264px; top: 16px; left: 90px; }
body.cameo #invite-items a#rsvp { top: 294px; left: 0; width: 272px; height: 353px; }
body.cameo #invite-items a#thanks { top:294px; left:272px; width: 250px; height: 180px; }

/* LETTERPRESS body.paperheart #invite-items a#rsvp { top: 16px; left: 271px; width: 260px; height: 353px; }
body.paperheart #invite-items a#thanks { left:174px; width: 180px; height: 260px; }
*/

body.paperheart #invite-items a#thanks { width: 195px; height: 260px; }
body.paperheart ul.colours li a { height: 45px; }

body.mayfair #invite-items a#front { top: 5px; left: 5px; width: 255px; height: 172px; }
body.mayfair #invite-items a#rsvp { top: 5px; left: 265px; width: 255px; height: 350px; }
body.mayfair #invite-items a#thanks { top:180px; left:5px; width: 255px; height: 172px; }

body.wooden #invite-items a#front { top: 5px; left: 5px; width: 172px; height: 255px; }
body.wooden #invite-items a#back { top: 264px; left: 5px; width: 520px; height: 255px; }
body.wooden #invite-items a#thanks { top:5px; left:177px; width: 172px; height: 255px; }

body.doodle #invite-items a#rsvp { width: 521px; }
body.doodle #invite-items a#thanks { top: 110px; left: 265px; width: 186px; height: 280px; }
body.doodle ul.colours li a { height: 45px; }
body.doodle a.suite { display: none; }

body.blossom #invite-items a#front { width: 260px; height: 185px; top: 14px; left: 5px; }
body.blossom #invite-items a#back { width: 260px; height: 185px; top: 14px; left: 266px; }
body.blossom #invite-items a#rsvp { width: 509px; height: 205px; top: 200px; left: 5px; }
body.blossom #invite-items a#thanks { top: 420px; left: 140px; width: 265px; height: 185px; }
body.blossom ul.colours li a { height: 45px; }
body.blossom a.suite { display: none; }


/* FORM STYLES */

form { margin-top: 20px; }

table { margin-bottom: 20px; margin-left: 8px; }

table td { padding-bottom: 3px; }

table td.boxes { padding-bottom: 16px !important; }
input.field { width:300px; background: #fff; border-bottom: 1px dashed #CCC !important; border: 1px solid #fff; padding: 6px; font-family: "Courier New", Courier, monospace; color: #000; font-size: 11px; }

th { text-transform: uppercase; letter-spacing: 0.05em; font-size: 10px; vertical-align: bottom; width: 80px; padding-bottom: 3px; }
th.textbox { vertical-align: top; }

textarea { width:300px; height: 60px; background: #fff; border: 1px dashed #CCC; padding: 3px 3px 3px 0; font-family: "Courier New", Courier, monospace; color: #000; font-size: 11px; padding: 6px; }


/* FOOTER */

#footer {
	clear: both;
	background: url(../images/footer.gif) no-repeat 0 0;
	width: 740px;
	height: 80px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	margin-top: 30px;
}