/* CSS Document */



/* Global Styles

--------------------------------------------------------------- */



p {
	line-height: 1.4em;
	color:#55534F;
}
body, html {
	min-height: 101%;
}
body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background:/*#352524;*/ #fff;
	margin: 0px;
}
#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}
a:link, a:visited, a:focus {
	color: #436E70;
	text-decoration: underline;
	outline: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}
a img {
	border: none;
}
h1 {
	font-size: 1.8em;
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}
h2 {
	font-size: 1.4em;
}
hr {
	margin-bottom:20px;
	border:none;
	border-top:1px solid #ADDFE0;
}
/* Layout Styles

--------------------------------------------------------------- */



#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
	background:#fff;
}
div#splash {
	width:980px;
	text-align: left;
	vertical-align: top;
	z-index:1000;
	position:absolute;
	top:175px;
	background:#fff;
}
#containerIndex {
	background:#fff;
	text-align:center;
	margin-bottom:30px;
}
#splashHeader {
	width:870px;
	height:56px;
	background:url(../../images/misc/splashHeader3.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:7px;
	margin-top:10px;
}
#splashHeader h1 {
	visibility:hidden;
	padding:0;
	margin:0;
}
#contentContainer {
	width: 980px;
	position: absolute;
	z-index: 1;
	top: 175px; /* Same as height of header */
	background:#fff;
	padding-top:20px;
}
#contentLeft {
	float: left;
	width: 170px;
	padding-top:5px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:20px;
}
#contentLeft ul {
	padding-left:20px;
	padding-bottom:10px;
	margin-left:0;
}
#contentLeft ul li ul.subnav {
	padding-bottom:0px;
}
#contentLeft li {
	list-style:none;
	color:#76a5a8;
	padding-top:2px;
	padding-bottom:2px;
}
#contentLeft li.noLink {
	padding-left:12px;
	background:url(../../images/misc/linkArrow.gif) no-repeat;
	background-position:0 5px;
}
#contentLeft a {
	color:#76a5a8;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	background:url(../../images/misc/linkArrow.gif) no-repeat;
	background-position:0 5px;
}
#contentLeft li.linkSpace {
	padding-bottom:10px;
}
#contentLeft a:hover {
	color:#76a5a8;
	text-decoration:underline;
}
#contentLeft-text {
	padding: 10px 20px;
}
#weddingLink {
	width:140px;
	height:109px;
	padding-left:10px;
	padding-top:101px;
	background:url(../../images/misc/weddingLink.gif) no-repeat;
	margin-left:10px;
	color: #51413b;
}
#weddingLink a {
	background:none;
	padding:0;
	margin:0;
	color: #51413b;
	text-decoration:underline;
}
#contentRight {
	float: right;
	width:780px;/*background:url(../../images/misc/topBg.gif) no-repeat;*/

		}
body#trade #contentRight {
	float: right;
	width:980px;/*background:url(../../images/misc/topBg.gif) no-repeat;*/

		}
body#noLeft #contentRight {
	float: right;
	width:980px;/*background:url(../../images/misc/topBg.gif) no-repeat;*/

		}
#contentRight-text {
	padding: 20px;
	padding-top:0px;
	padding-bottom:10px;
	color:#55534F;
	margin-bottom:0px;
	text-align:justify;
}
body#trade #contentRight-text p, body#trade #contentRight-text h1, body#trade #contentRight-text h2 {
	text-align:justify;
}
body#index #contentRight-text {
	padding: 20px;
	padding-top:0px;
	color:#55534F;
	margin-bottom:10px;
}
#contentRight-text img.pressImgs {
	float:left;
	border:1px solid #ADDFE0;
	margin-right:20px;
}
.pressCuttings {
	clear:both;
	padding-bottom:0px;
	margin-bottom:25px;
}
.pressCuttings hr {
	border-bottom:solid white 1px;
	border-top:dashed 1px #B2B2B2;
	margin:0;
}
.pressCuttings img {
	margin-bottom:25px;
}
.pressCuttings p {
	margin:0;
}
#map {
	width: 200px;
	height: 200px;
}
#mailinglist {
	background:url(../../images/misc/formBgBottom.gif) no-repeat bottom #D6EEF0;
	width:403px;
	float:right;
	padding:0 0 15px 15px;
	margin-bottom:20px;
	margin-left:20px;
	position:relative;
}
#mailinglist h2 {
	margin:0;
	padding:0;
	padding-top:10px;
}
#mailinglistThanks {
	width:403px;
	float:right;
	margin-bottom:20px;
	margin-left:20px;
	position:relative;
}
#boxTop {
	position:absolute;
	width:418px;
	height:10px;
	z-index:10;
	top:0;
	left:0;
	background:url(../../images/misc/formBgTop.gif) no-repeat top;
}
#lowerAd {
	width:462px;
	height:111px;
	padding:10px 200px 0 20px;
	background:url(../../images/misc/topAd.jpg) no-repeat;
	margin-bottom:20px;
	margin-left:20px;
	text-align:left;
}
#lowerAd h3 {
	padding:0;
	margin:0;
	color:#55534F;
	font-weight:normal;
	font-size:1.4em;
}
#lowerAd p {
	padding-top:5px;
	margin:0;
}
#lowerAd p span.bold {
	font-weight:bold;
}
#header {
	width: 980px;
	height: 137px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;/*background:url(../../images/misc/testHeader.jpg) no-repeat;*/

}
#headerContent {
	width:980px;
	height:137px;
}
#logo {
	width: 224px;
	height: 117px;
	float: left;
	margin-left:10px;
	margin-top:10px;
}
#cta-top-right {
	float: right;
	font-size: 1.2em;
	text-align:right;
	color:#4B3C36;
	padding-top:35px;
	padding-right:10px;
}
#cta-top-right p {
	margin: 0px;
	padding: 0px;
	line-height:1.2em;
}
#cta-top-right p.ctaHeader {
	margin: 0px;
	padding: 0px;
	text-transform:uppercase;
	font-size:1.1em;
	margin-bottom:20px;
}
#flashSlideshow {
	margin-top:1px;
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}
#postage {
	float:right;
	padding:10px;
	background:#D6EEF0;
	margin-right:55px;
	margin-left:20px;
	width:135px;
	margin-bottom:10px;
}
* html #postage {
	margin-right:28px;
}
#postage p {
	margin-top:0;
}
#postage td.left {
	padding-right:20px;
}
/* Category / Card Selector Styles

--------------------------------------------------------------- */



#imgLinks {
	margin-left:20px;
}
.categories {
	width:145px;
	float:left;
	margin-right:35px;
	margin-bottom:25px;
}
* html body#cards .categories {
	margin-right:0px;
}
.last {
	margin-right:0px;
}
.categories p {
	padding:5px;
	padding-top:10px;
	margin:0;
	text-align:center;
}
body#index .categories p {
	text-align:left;
}
.categories a {
	color:#55534F;
	text-decoration:none;
}
.categories a:hover {
	text-decoration:underline;
}
.imageSelect {
	width:143px;
	height:193px;
	border:1px solid #d7d3d3;
}
.imageSelect a {
	width:143px;
	height:193px;
	display:block;
}
body#cards .imageSelect {
	width:143px;
	height:193px;
	border:1px solid #d7d3d3;
	float:left;
}
.imageSelecthoriz {
	height:100%;
	/*width:143px;*/

	border:1px solid #d7d3d3;
}
.imageSelecthoriz a {
	width:143px;
	height:100%;
	display:block;
	float:left;
}
body#cards .imageSelecthoriz {
	height:100%;
	border:1px solid #d7d3d3;
	float:left;
}
body#cards .imageSelecthoriz.secondImage {
	margin-left:10px;
}
body#cards .imageSelecthoriz.triple {
	margin-left:10px;
}
body#cards .indexText {
	float:left;
	text-align:left;
	padding-left:20px;
	padding-top:3px;
	width:500px;
}
body#cards .photoText {
	width:700px;
	padding-top:20px;
}
body#cards .indexText2 {
	float:left;
	text-align:left;
	padding-left:20px;
	padding-top:3px;
	width:340px;
}
/** html body#cards .indexText{

	width:500px;

}*/



	body#cards .indexText h3 {
	text-align:left;
	padding: 0 0 5px 0;
	margin:0px;
	color:#55534F;
	font-size:1em;
	font-weight:normal;
}
body#cards .indexText h3 span {
	font-size:1.4em;
	font-weight:bold;
}
body#cards .indexText p {
	text-align:left;
	padding:0px;
	padding-bottom:5px;
}
body#cards .indexText p.price {
	font-weight:bold;
	font-size:1.2em;
	padding:5px 0 10px 0;
}
body#cards .indexText a {
	height:20px;
	padding:3px 5px 0 5px;
	background:#D6EEF0;
	float:left;
	text-align:center;
	margin-right:30px;
}
body#cards .indexText table td {
	vertical-align:middle;
}
body#cards .indexText table td p {
	padding-bottom:0px;
}
body#cards .indexText2 h3 {
	text-align:left;
	padding: 0 0 5px 0;
	margin:0px;
	color:#55534F;
	font-size:1em;
	font-weight:normal;
}
body#cards .indexText2 h3 span {
	font-size:1.4em;
	font-weight:bold;
}
body#cards .indexText2 p {
	text-align:left;
	padding:0px;
	padding-bottom:5px;
}
body#cards .indexText2 p.price {
	font-weight:bold;
	font-size:1.2em;
	padding:5px 0 10px 0;
}
body#cards .indexText2 a {
	height:20px;
	padding:3px 5px 0 5px;
	background:#D6EEF0;
	float:left;
	text-align:center;
	margin-right:30px;
}
body#cards .indexText2 table td {
	vertical-align:middle;
}
body#cards .indexText2 table td p {
	padding-bottom:0px;
}
body#cards .categories {
	width:100%;
}

#award{
	position:absolute;
	top:5px;
	left:300px;
}
/* Horizontal Navigation Styles

--------------------------------------------------------------- */







#navigation {
	width: 970px;
	height: 37px;
	background:url(../../images/misc/navBg.gif) no-repeat #d6eef0;
	padding-left:10px;
}
#navigation ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}
#navigation li {
	display: inline;
	margin: 0px;
}
#navigation a {
	height:17px;
	padding: 10px 10px;
	background:#d6eef0;
	font-weight: normal;
	float:left;
	color: #51413b;
	text-decoration:none;
	font-size: 0.9em;
}
#navigation a:hover {
}
body#index #navigation .index-a,  body#home #navigation .shop-a,  body#boutique-stationery #navigation .trade-a,  body#design-section #navigation .press-a,  body#contact-us #navigation .contact-a {
	color: #76a5a8;
}
#navigation #weddingButton {
	float:right;
	width:257px;
	height:27px;
	background:url(../../images/misc/weddings.gif) no-repeat;
	margin-top:5px;
	margin-right:20px;
	text-align:center;
}
#weddingButton a {
	width:257px;
	height:21px;
	display:block;
	padding:0;
	padding-top:6px;
	margin:0;
	background:none;
}
#weddingButton a:hover {
	background:url(../../images/misc/weddingsOver.gif) no-repeat;
}
#contentRight-text .viewCartButton {
	width:137px;
	height:28px;
	float:right;
	display:block;
	margin-right:55px;
}
* html #contentRight-text .viewCartButton {
	margin-right:27px;
}
#contentRight-text .viewCartButton a {
	width:137px;
	height:28px;
	background:url(../../images/misc/viewYourCart.gif) no-repeat;
	display:block;
}
#contentRight-text .viewCartButton a span.noShow {
	display:none;
}
body#cards table.photoAlbum td.quantity {
	padding-right:50px;
	padding-bottom:4px;
}
/* Footer Styles

--------------------------------------------------------------- */



#footer {
	clear: both;
	width: 940px;
	padding: 10px 0;
	margin:0 20px;
	color: #ccc;
	background: #fff;
	font-size: 0.9em;
	text-align: center;
	border-top:#d6eef0 solid 2px;
}
#footer a {
	white-space: nowrap;
	color: #ccc;
	text-decoration: none;
}
#footer a:hover {
	color: #111;
	text-decoration:underline;
}
ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 940px;
	text-align: center;
}
ul#footerNav li {
	display: inline;
}
ul#footerNav a {
	border-right: 1px solid #ccc;
	padding: 0px 5px;
}
ul#footerNav a.rightLink {
	border-right:none;
}
ul#footerNav .help-advice {
	border-right: none;
}
ul#footerDetails {
	clear:left;
	float: left;
	margin: 5px 0px 5px 0px;
	width: 940px;
	padding-left:0px;
}
ul#footerDetails li {
	display:block;
	list-style: none;
}
ul#footerW3C {
	margin: 0px;
	text-align: center;
	padding: 0px 0px;
}
ul#footerW3C li {
	display: inline;
}
#adtrakDesign {
	text-align: center;
	width: 940px;
}
/* List Styles

--------------------------------------------------------------- */



ul li {
	line-height: 1.4em;
}
/* Image Styles

--------------------------------------------------------------- */



.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}
.img-right {
	float: right;
	margin: 0px 0px 10px 20px;
}
.img-border {
	border: 1px solid #ccc;
}
/* Class Styles

--------------------------------------------------------------- */



p#contactTextLower {
	clear:left;
}
#contactTable input, #contactTable textarea, #contactTable select {
	border: 1px solid #ccc;
	background: #fff;
}
#contactTable #botBuster {
	display: none;
}
#aboutUsImgs {
	width:172px;
	float:right;
	padding-left:0px;
	padding-top:45px;
	padding-bottom:40px;
}
#aboutUsImgs .imgBox {
	width:152px;
	float:right;
	margin:0;
	padding:0;
}
#aboutUsImgs .imgBox img {
	border:1px solid #D6EEF0;
}
#contentRight-text #aboutUsImgs .imgBox p {
	text-align:center;
	margin:0;
	padding:10px 0 30px 0;
}
.clearfix {
	clear: both;
}
.clearright {
	clear:right;
}
.darkBlue {
	color: #76a5a8;
	font-weight: bold;
}
.contactText {
	float:left;
	margin-right:30px;
}
.small {
	font-size:0.8em;
}
.gcaPara {
	padding:0;
	padding-top:6px;
}
img.tradeImg {
	margin-bottom:20px;
}
/* This is where you can customize the appearance of the tooltip */

div#tipDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:10000;
	background-color:#fff;
	border:1px solid #ADDFE0;
	width:160px;
	padding:6px;
	padding-top:0px;
	color:#55534F;
	font-size:11px;
	line-height:1.3;
}
/* These are used in the wrapTipContent function */

div#tipDiv div.img {
	text-align:center;
	padding:0;
	margin:0;
}
div#tipDiv div.txt {
	text-align:center;
	margin-top:4px
}
#accordionList h2.aheader {
	margin-bottom:10px;
	font-size:1em;
	background:#D6EEF0;
	padding:10px;
	cursor:pointer;
	width:665px;
}
span.smallText {
	font-size:0.8em;
}
.underline {
	text-decoration:underline;
}
.listContent p {
	margin-top:0px;
	width:675px;
}
/*-------terms----------*/



body#terms {
	padding:20px;
}
body#terms #termsCopy {
	width:500px;
	padding-left:20px;
	font-size:1.2em;
	color:#4A3B35;
}
body#terms #termsCopy h1 {
	width:500px;
	border-bottom:2px solid #D6EEF0;
	color:#4A3B35;
	padding-bottom:5px;
}
body#terms ul {
	margin:0;
	padding:0;
}
body#terms li {
	padding-bottom:10px;
}