html, body {
	font-family: arial, helvetica, sans-serif;
	line-height: 14px;
	font-size: 12px;
	height: 100%;
	width: 100%;
	color: #4d4d4d;
}

/*-- text styles --*/

h1,h2,h3,h4,h5 {
	color: #aa2578;
	font-weight: normal;
}

h1 {
	font-size: 18px;
	margin: 0 0 14px 0;
	line-height: 28px;
}

h2 {
	font-size: 16px;
	margin: 0 0 14px 0;
}

h3 {
	font-size: 14px;
	margin: 0 0 14px 0;
	font-weight: bold;
}


h4 {
	font-size: 12px;
	margin: 0 0 14px 0;
}

*.note {
	font-size: 9px;
	font-weight: normal;
}

p {
	margin: 0 0 14px 0;
}

a,
a:link,
a:active,
a:visited {
	color: #aa2578;
}

a:hover {
	color: #D491BB;
}

*.floatleft {
	float: left;
}

span.warning {
	display: block;
	color: red;
	font-weight: bold;
	clear: left;
}


/*-- body -- */
body {
	background: #b2b2b2 url('../images/bg1088x605.gif') repeat-y top center;
}

#container {
	width: 784px;
	background: white;
	min-height: 100%;
	margin: 0 auto;
}

#header {
	height: 110px;
	background: white url('../images/bannerimage433x110.jpg') no-repeat top right;
}

#header a {
	display: block;
	padding: 14px 0 0 16px;
	width: 159px;
}

#bannerlink {
	display: block;
	width: 784px;
	height: 258px;
	background: #aa2578 url('../images/mainpic783x239.jpg') no-repeat top left;
	text-indent: -9999px;
}

#hpcontent {
	display: block;
	width: 763px;
	background: white;
	padding: 10px 10px 0 11px;
}

#hppods {
	clear: left;
	padding: 0 0 0 0;
	margin: 0;
	width: 784px;
}

#hppods ul {
	display: block;
	float: left;
	background: white;
}

#hppods li {
	display: block;
	float: left;
	width: 251px;
	height: 220px;
}

#hppods li a {
	display: block;
	float: left;
	width: 251px;
	height: 220px;
	text-indent: -9999px;
}

#hppods #diy {
	background: white url('../images/diy251x220.jpg') no-repeat top left;
	padding: 0 0 0 5px;
}

#hppods #fs {
	background: white url('../images/freesamples251x220.jpg') no-repeat top left;
	padding: 0 0 0 5px;
}

#hppods #fb {
	/*-- background: white url('../images/fullybooked251x220.jpg') no-repeat top left;
	padding: 0 0 0 5px; --*/
	display: none;
	visibility: hidden;
}

#hppods #so {
	background: white url('../images/specialoffers251x220.jpg') no-repeat top left;
}

#intpods li a {
	display: block;
	width: 184px;
	height: 118px;
	text-indent: -9999px;
}

#intpods #diy {
	background: white url('../images/diyInternal184x120.gif') no-repeat top left;
}

#intpods #fs {
	background: white url('../images/freeSamplesInternal184x118.gif') no-repeat top left;
}

#intpods #so {
	background: white url('../images/specialOffersInternal184x118.gif') no-repeat top left;
}


#hpbody {
	clear: left;
	padding: 4px 0 0 0;
	background: white;
}

#hpcontentpod {
	float: left;
	background: #aa2578 url('../images/wecandesign258x308.gif') no-repeat top left;
	width: 258px;
	height: 308px;
	text-indent: -9999px;
	display: block;
}

#hptext {
	float: left;
	width: 500px;
	padding: 15px 14px 0 12px;
	background: white;

}

/*-- internal page --*/

#intpage {
	margin: 14px 0 0 0;
	background: transparent url('../images/internaldivider186x1.gif') repeat-y left top;
}

#intleftcol {
	float: left;
	width: 184px;
}

#intcont {
	float: left;
	width: 572px; /*784*/
	padding: 0 14px 14px 14px;
}

#intcont p {
	clear: left;
}

#standint {
	width: 483px;
}

#standint ul {
	list-style-type: circle !important;
	list-style-position: outside !important;
	margin: 0 0 14px 14px;
}

#standint ol {
	list-style-type: decimal !important;
	list-style-position: outside !important;
	margin: 0 0 14px 14px;
}

#standint ul li {
	list-style-type: circle !important;
	list-style-position: outside !important;
	margin: 0 0 7px 14px;
}

#standint ol li {
	list-style-type: decimal !important;
	list-style-position: outside !important;
	margin: 0 0 7px 14px;
}

#intpage img.floatleft {
	margin: 0px 14px 14px 0;
	border: 1px solid #343434;
}

/* -- pricing --*/

table.quantities {
	width: 483px;
	margin: 0 0 14px 0;
}

table.quantities tr.toprow th {
	background: #aa2578;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 1px 0px;
	border-top: 1px solid white;
	border-right: 1px solid white;
}

table.quantities tr.nextrow th {
	background: #eed3e4;
	color: black;
	text-align: left;
	font-weight: bold;
	padding: 1px 2px;
	border-top: 1px solid white;
	border-right: 1px solid white;
}

table.quantities tr.secondrow th {
	padding: 1px;
}

table.quantities td {
	border-top: 1px solid white;
	border-right: 1px solid white;
	padding: 1px 2px;
	font-size: 10px;
	background: #cc7dad;
	color: white;
}

table.quantities th.heading {
	border-right: 1px solid white;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 2px 1px 2px;
	width: 200px;
}

table.quantities td.end {
	border-bottom: 1px solid white;
}

table.quantities span.min {
	font-size: 9px;
	font-weight: normal;
}

/*-- gallery classes --*/

#gallerycol {
	float: left;
	width: 400px;
}

#gallerypic {
	width: 398px;
	height: 287px;
	border: 1px solid #343434;
	margin: 14px 0 7px 0;
}

#intpage h1,
#hppage h1 {
	border-bottom: 1px solid #343434;
	padding: 0 0 3px 0;
	margin: 0 0 11px 0;
}


#intpage h2 {
	border-bottom: 1px solid #343434;
	padding: 0 0 3px 0;
	margin: 0 0 11px 0;
}

#intpage h4 {
	border-bottom: 1px solid #d8d8d8;
	padding: 0 0 3px 0;
	margin: 7px 0 11px 0;
}

#intpage h1.colourmatch {
	background: white url('../images/colourMatchLogo59x24.gif') no-repeat top right;
}

#offers img {
	display: block;
	margin: 0 0 7px 0;
}

#offers h2 {
	margin: 0 0 0 0;
}

div.typeclass {
	clear: left;
	padding: 0 0 14px 0;
}

div.typeimage {
	float: left;
	width: 214px;
}

div.typeimage img {
	display: block;
	margin: 0 0 0 0;
	border: 1px solid #d8d8d8 !important;
	float: right;
}

div.typetext {
	float: left;
	width: 260px;
	padding: 0 0 0 0;
}	

#gallerycol h1 {
	font-size: 14px;
}

#galbuttons li {
	display: block;
	float: left;
}

#galsample a,
#galsample a:link,
#galsample a:active,
#galsample a:visited {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 124px;
	height: 84px;
	background: white url('../images/requestASampleButton124x84.gif') no-repeat top left;
	margin: 0 14px 0 0;
}

#galsample a:hover {
	background: white url('../images/requestASampleButtonOver124x84.gif') no-repeat top left;
}

#galorder a,
#galorder a:link,
#galorder a:active,
#galorder a:visited {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 124px;
	height: 84px;
	background: white url('../images/orderthisDesign124x84.gif') no-repeat top left;
	margin: 0 14px 0 0;
}

#galorder a:hover {
	background: white url('../images/orderthisDesignOver124x84.gif') no-repeat top left;
}

#glapricing a,
#glapricing a:link,
#glapricing a:active,
#glapricing a:visited {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 124px;
	height: 84px;
	background: white url('../images/ourPricing124x84.gif') no-repeat top left;
}

#glapricing a:hover {
	background: white url('../images/ourPricingOver124x84.gif') no-repeat top left;
}

#similarcol {
	float: left;
	margin: 0 0 0 14px;
	display: block;
	width: 158px;
}

#similarcol h4 {
	display: block;
	width: 156px;
	border-bottom: 1px solid #343434;
	padding: 0 0 1px 0;
	margin: 0 0 6px 0;
}

#similarcol ul li {
	width: 72px;
	display: block;
	float: left;
	margin: 0 7px 7px 0;
}

#similarcol ul li a {
	border: 1px solid #343434;
	display: block;
	width: 70px;
	height: 70px;
}

#similarcol ul li a img {
	display: block;
	border: 0;
	width: 70px;
	height: 70px;
}


#gallerythumbs {
	float: left;
	margin: 7px 0 0 0;
	display: block;
}

#gallerythumbs ul {
	margin: 0;
	padding: 0;
}

#gallerythumbs ul li {
	width: 72px;
	display: block;
	float: left;
	margin: 0 14px 14px 0;
}

#gallerythumbs ul li a {
	border: 1px solid #343434;
	display: block;
	width: 70px;
	height: 70px;
}

#gallerythumbs ul li a img {
	display: block;
	border: 0;
	width: 70px;
	height: 70px;
}


div.invite {
	margin: 0 28px 14px 28px;
	background: #eaeaea;
	padding: 14px;
	text-align: center;
	border: 1px dashed #999999;
}

span.fade {
	color: #999999;
}

/*-- testimonials --*/

div.testimonials {
	padding: 14px;
	margin: 14px 0 0 14px;
	font-size: 14px;
	background: white url('../images/quote39x38.gif') no-repeat top left;
}

div.testimonials div.testimonial {
	background: transparent url('../images/quote39x38.gif') no-repeat bottom right;
	padding: 0 7px 14px 0;
}

div.testimonials span.openquote,
div.testimonials span.closequote {
	display: none;
	visibility: hidden;
}

div.testimonials div.testsig {
	margin: 14px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}


/*-- submenu classes -- */



#submenu {
	width: 158px;
	padding: 0 0 7px 14px;
	background: #aa2578;
	margin: 0 0 14px 0;
}

#submenu a,
#submenu a:link,
#submenu a:active,
#submenu a:visited {
	display: block;
	font-size: 11px;
	color: white;
	text-decoration: none;
}
#submenu a:hover {
	color: #D491BB;
	text-decoration: underline;
}

#submenu ul.sub li {
	padding: 7px 0 0 0;
}

#submenu ul.subsub li {
	padding: 1px 0px 1px 0px;
	background: #cc7dad;
	margin: 1px 1px 0 0;
}

#submenu ul.subsub a {
	font-size: 10px;
	padding: 0px 14px 0px 14px;
}

#submenu ul.sub li ul.subsub li a {
	background: #cc7dad !important;
}

#submenu ul.sub li ul.subsub li a:hover {
	color: white !important;
	text-decoration: underline;
	background: #d592bb !important;
}

#submenu ul.sub li.selected a {
	background: #aa2578 url('../images/mainmenuSelected6x6.gif') no-repeat 145px center !important;
}

#submenu ul.subsub li.selected {
	background: white url('../images/menuSelected6x6.gif') no-repeat 145px center !important;
}



#submenu ul.subsub li.selected a,
#submenu ul.subsub li.selected a:link,
#submenu ul.subsub li.selected a:active,
#submenu ul.subsub li.selected a:visited,
#submenu ul.subsub li.selected a:hover {
	color: #aa2578 !important;
	background: white !important;
}

/*-- footer --*/

#footer {
	clear: left;
	margin: 0 14px 0 14px;
	padding: 16px 0 0 0;
	text-align: center;
	border-bottom: 1px solid #4d4d4d;
	background: white url('../images/footlogo73x37.gif') no-repeat top right;
	height: 26px;
}

#signoff {
	padding: 7px 0 0 0;
	width: 500px;
	margin: 0 auto;
	font-size: 9px;
	height: 32px;
	background: white;
}
#signoff p {
	float: left;
}

#signoff p a {
	display: block;
	width: 160px;
	height: 21px;
	text-indent: -9999px;
	background: white url('../images/smmlogo160x21.gif') no-repeat top right;
	margin: -4px 0 0 10px;
}

#thumbnails {
	font-size: 9px;
}

#notes {
	padding: 14px 0 0 198px;
	width: 483px;
	font-size: 8px;
	color: #343434;
	clear: left;
}

#notesHP {
	padding: 14px 0 0 272px;
	width: 500px;
	font-size: 8px;
	color: #343434;
	clear: left;
}

/*-- top left box --*/

div.topleftbox {
	margin: 0 0 14px 0px;
	font-size: 12px;
}

div.topleftbox p {
	padding: 0 14px 0 14px;
}

*.emphasise {
	font-weight: bold;
}

/*-- main menu --*/

#mainmenu {
	height: 23px;
	background: #aa2578;
}

#mainmenu #topmenu {
	float: left;
	display: block;
	margin: 0 0 0 5px;
}

#mainmenu #submenu1 {
	float: left;
	display: block;
	padding: 0 0 0 197px;
}

#mainmenu ul li {
	float: left;
	text-indent: -9999px;
}

#mainmenu #ws a {
	display: block;
	background: transparent url('../images/weddingstationery363x23.gif') no-repeat top left;
	width: 172px;
	height: 23px;
}

#mainmenu #hto a {
	display: block;
	background: transparent url('../images/howtoorder129x23.gif') no-repeat top left;
	width: 129px;
	height: 23px;
}

#mainmenu #pri a {
	display: block;
	background: transparent url('../images/prices67x23.gif') no-repeat top left;
	width: 67px;
	height: 23px;
}

#mainmenu #au a {
	display: block;
	background: transparent url('../images/aboutus45x9.gif') no-repeat center center;
	height: 23px;
	width: 65px;
}

#mainmenu #cu a {
	display: block;
	background: transparent url('../images/contactus53x9.gif') no-repeat center center;
	height: 23px;
	width: 73px;
}

#mainmenu #con a {
	display: block;
	background: transparent url('../images/confused51x9.gif') no-repeat center center;
	height: 23px;
	width: 71px;
}

/* -- contact form classes --*/

form.contactForm label {
	padding-top: 3px;
	clear: left;
	float: left;
	color: #343434;
	font-size: 12px;
	display: block;
	width: 222px;
	text-align: right;
	margin: 0 10px 0 0;
}

form.contactForm div.flatten {
	width: auto;
	float: none;
}
form.contactForm div.inputBlock	{
	float: left;
	margin: 0 10px 5px 0;
	width: 220px;
}

div.radiobox {
	font-size: 0.9em;
}

form.contactForm input.text {
	border: 1px solid #aeaeae;
	font-size: 12px;
	color: #222222;
	padding: 1px 3px;
	background: #efefef;
}

form.contactForm textarea.textarea {
	border: 1px solid #aeaeae;
	font-size: 12px;
	color: #222222;
	padding: 1px 3px;
	font-family: arial, helvetica, sans-serif;
	background: #efefef;
}

form.contactForm select.select {
	border: 1px solid #aeaeae;
	font-size: 12px;
	color: #222222;
	font-family: arial, helvetica, sans-serif;
	background: #efefef;
}

form.contactForm select.select option {
	background: #efefef;
}

form.contactForm select.select option:hover {
	background: #e5bdd6;
}

form.contactForm input.text.small {
	width: 100px;
}

form.contactForm input.text.smallish {
	width: 150px;
}

form.contactForm input.text.standard {
	width: 250px;
}

form.contactForm input.text.standard {
	width: 250px;
}

form.contactForm textarea.textarea.smallish {
	width: 200px;
	height: 48px;
}

form.contactForm textarea.textarea.standard {
	width: 250px;
	height: 200px;
}

form.contactForm p {
	clear: left;
	padding-top: 10px;
}

form.contactForm div.buttonBlock {
	clear: left;
	height: 50px;
	padding: 10px 0 0 232px;
}

form.contactForm input[type=checkbox] {
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
}

div.cssButton {
	float: left;
	margin: 0 14px 14px 0;
}

div.cssButton a,
div.cssButton a:link,
div.cssButton a:active,
div.cssButton a:visited {
	display: block;
	text-align: center;
	color: white;
	text-decoration: none;
	background: #aa2477 url('../images/buttonright28x30.gif') no-repeat bottom right;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 36px 5px 14px;
}
div.cssButton a:hover {
	background: #c466a0 url('../images/buttonrightOver28x30.gif') no-repeat bottom right;
	color: white;
}

form.contactForm h3 {
	clear: left;
	border-bottom: 1px solid #343434;
	margin: 0 0 14px 0;
	padding: 28px 0 0 0;
}

#fontmatch, #colmatch {
	clear: left;
}

/*-- contact form classes --*/