﻿body {
background-color: #f7f7ec;
font: 75%/1.4em Verdana, "Lucida Grande", sans-serif;
color: #5c5538;
margin: 0; padding: 0; 
}

/*JS*/
/*DEFAULTS*/
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
ul, li { list-style: none; padding: 0; margin: 0; }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px  !important; }
h1.imageText, h2.imageText, p.skipNav { display:none; }
p { margin: 0; padding: 0; }
.over { cursor: pointer; }
p.readmore { text-align: right; margin: 0; padding: 0 30px 0 0; }
.preLoader { display: none; }
.clearfix:after { 
	content:"."; display:block; height:0; clear:both; visibility:hidden; 
	}
a.am-hoverShw:hover { background: url(../images/am-hoverShw.png) repeat transparent; }
/*also used for #subMenu a*/

#wrapper { width: 960px; margin: 0 auto; position: relative;}

#logoMenu { width: 960px; height: 96px; background: url(../images/logoMenuBcgrs.png) repeat-x 0 -114px #fff; }
#logo { position: absolute; top: 29px; left: 96px; width: 182px; height: 54px; background: url(../images/logo.gif) no-repeat transparent;  }

#menuTop { position: absolute; top:0; right:212px; height: 38px; padding:0 0 0 12px;
background: url(../images/logoMenuBcgrs.png) 0 -76px no-repeat; }
#menuTop ul { float: left; padding-right: 10px; background: url(../images/logoMenuBcgrs.png) right -38px no-repeat; }
#menuTop li { float: left; height: 24px; padding-top:14px; background: url(../images/logoMenuBcgrs.png) 0 0 repeat-x;}

#menuTop li a { padding: 0 10px; color: #908873;}

#logoMenu p.cart { position: absolute; top: 34px; right: 96px; width: 300px;  line-height: 1.6; text-align: right; }
#logoMenu p.cart a:link, #logoMenu p.cart a:visited, #logoMenu p.cart a:hover { padding-right: 22px; color: #908873; background: url(../images/shopCartIcons.png) no-repeat right 2px transparent; }
#logoMenu p.cart a#checkout:link, #logoMenu p.cart a#checkout:visited, #logoMenu p.cart a#checkout:hover { background-position: right -40px; }

#contentUpper { position: relative;  height: 257px; padding-top:13px; background-color: #edebd3; background-position: 96px 13px;  background-repeat: no-repeat;}

#flashShow {  position: absolute; top:13px; left:96px; height: 240px; width:538px; }

body.stationery #contentUpper { background-image: url(../images/mainImageStationery.jpg); }
body.weddings #contentUpper { background-image: url(../images/mainImageWeddings.jpg); }
body.invitations #contentUpper { background-image: url(../images/mainImageInvitations.jpg); }
body.baby #contentUpper { background-image: url(../images/mainImageBaby.jpg); }
body.holiday #contentUpper { background-image: url(../images/mainImageHoliday.jpg); }
body.services #contentUpper { background-image: url(../images/mainImageServices.jpg); }

#tel { position: relative; width: 212px; height: 240px; margin: 0 96px 0 auto; background-color: transparent; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;
}
body#index #tel { background-image: url(../images/index_rightIcons.gif);  width: 240px; height: 252px; margin: 0 80px 0 auto;}
body#index #tel p { width: 240px; height: 252px; }
body.stationery #tel { background-image: url(../images/telImgStationery.gif); }
body.weddings #tel { background-image: url(../images/telImgWeddings.gif); }
body.invitations #tel { background-image: url(../images/telImgInvitations.gif); }
body.baby #tel { background-image: url(../images/telImgBaby.gif); }
body.holiday #tel { background-image: url(../images/telImgHoliday.gif); }
body.services #tel { background-image: url(../images/telImgServices.gif); }
body#about #tel { background-image: url(../images/telImgAbout.gif); }
body.faq #tel { background-image: url(../images/telImgFAQ.gif); }

#storeHours, #map, #eLink, #homeAdvice { position: absolute; top:86px; left:62px; height: 16px; width:82px; text-indent: -999em; }
#map { left:142px; width:38px; }
#homeAdvice  { left:70px; top: 180px; width:98px; }

#eLink { top: 214px; left:36px; height: 19px; width: 148px;/*border: 1px red solid;*/ }

#contentLower { float: left; width: 770px; background-color: #fff; padding: 12px 96px 12px 94px; }

#contLowerLeft, #contLowerMid, #contLowerRight { float: left; width: 212px; background-color: transparent; }

h2.header { margin:0; padding: .5em 0; text-align: center; color:#fff; font-size: 1.125em; background-color:#aca06f;}
h2.leftBot { font-size: 1.125em; margin-top: 12px;}
body.weddings h2.leftBot { background-color: #8f5b2d; }
body.baby h2.leftBot { background-color: #9ac3cf; } 
body.holiday h2.leftBot { background-color: #7d0816; } 

#onlineResources {background-color:#EDEBD3; padding: 1em 0 1.6em 0;}
body#news #onlineResources {padding-top: 0;}
#onlineResources img { display: block; margin: 1em auto; }
body#news #onlineResources img { display: inline; }
#onlineResources a img { border: none;}
#onlineResources h3 { font-size: 1em; margin: 0 0 4px 0; }
body#news #onlineResources a img { padding: 10px 0 10px 10px; margin: 0;  }

#leftBottom { width: 212px; height: 141px; background-color: transparent; background-repeat: no-repeat; }
body.stationery #leftBottom { background-image: url(../images/leftBottomStationery.jpg);}
body.weddings #leftBottom { background-image: url(../images/leftBottomWeddings.jpg); }
body.invitations #leftBottom { background-image: url(../images/leftBottomInvitations.jpg); height: 128px; }
body.baby #leftBottom { background-image: url(../images/leftBottomBaby.jpg); }
body.holiday #leftBottom { background-image: url(../images/leftBottomHoliday.jpg); }

#contLowerMid { width: 346px; }
#promo { display: none; }
#contLowerMid p, #contLowerMid h3, #contLowerMid ul { padding: 0 20px; }
#contLowerMid p { padding-bottom: .8em; }
#contLowerMid h3 { margin: 1em 0 .6em; font-size: 1.25em; }
#contLowerMid li { padding-bottom: .5em; }
#contLowerMid a, #contLowerMid a:link, #contLowerMid a:visited,
#wpContent a, #wpContent a:link, #wpContent a:visited { color: #9C4D03; }

#index_Links { background: url(../images/index_rightIcons.gif) no-repeat -13px -267px transparent; }
a#mailList, a#promotions { display: block;
width: 212px; height: 112px; 
text-indent: -999em;
}
a#promotions { height: 73px; margin-top: 12px;
}

#index_Leather { margin-top: 12px; background: url(../images/index_Leather.jpg) no-repeat center 3.25em #edebd3; }

#index_Leather p { margin: 178px 10px 0; text-align: center; padding-bottom: 16px;}

#vendors { margin-top: 11px; background-color:#edebd3; }

body.stationery #vendors h2.header { background-color: #d96531; }
body.weddings #vendors h2.header { background-color: #8f5b2d; }
body.invitations #vendors h2.header { background-color: #b9b9d6; }
body.baby #vendors h2.header { background-color: #9ac3cf; }
body.holiday #vendors h2.header { background-color: #7d0816; }
#vendors p { padding: 16px; }

#faqLink { display: block;
width: 212px; height: 112px; margin-top: 12px;
background-repeat: no-repeat; background-color: transparent;
}
#faqLink { background-image: url(../images/faqIconWeddings.gif)}
body.stationery #faqLink, body.holiday #faqLink { background-image: url(../images/faqIconStationery.gif)}
body.invitations #faqLink { background-image: url(../images/faqIconInvitations.gif)}
#faqLink a { display: block; width: 100%; height: 100%; text-indent: -999em; }
#leftBottom a { display: block; width: 100%; height: 100%; text-indent: -999em; }

/*SERVICES & ABOUT*/
body.services #contLowerMid, body#about #contLowerMid { width: 558px; }
body.services #contLowerMid p, body#about #contLowerMid p { padding: 0 20px .8em 0; }
body#about  #contLowerRight { height: 292px; background: url(../images/about_RightImg.jpg) no-repeat transparent; }

/*FAQ*/
body.faq #contentUpper { }
body.faq #contentUpper p.main { background: url(../images/mainImageFAQ.gif) no-repeat #faf8f3; height: 202px; width:324px;  padding: 38px 20px 0 194px; margin-left: 96px; overflow: hidden; line-height: 1.5;}
body.faq #tel { position: absolute; margin: 0; top: 13px; right:  96px; 
}
body.faq #contentLower { float: none; width: 574px; padding-left: 290px; }
body.faq  #contLowerMid { float: none; width: 540px; min-height: 400px; }
body.faq  #contLowerMid p { padding-left: 0; }
body.faq  #contLowerMid p.faqQ { padding-top: .5em; padding-bottom: .3em; }
body.faq  #contLowerMid h1 { padding-left: 0; }

#faqList { position: absolute; top: 408px; left: 96px; width: 212px; /*font-size: 1.125em;*/ }
#faqList li { padding-bottom: .4em; }
#faqList a { color: #5c5538; }

/*VENDORS*/
#vendors { font-size: .9em; line-height: 1.4}
#vendors span.bar { display: none; }
#vendors.bar span.normal { display: none; }
#vendors.bar span.bar { display: inline; }
#vendors a { color: #5c5538; }

/*DYNAMIC TEXT LOADING*/
#subMenu { background-color: #aca06f; }
#subMenu li { border-bottom: 1px solid white; background-color: transparent; }
#subMenu li.chld { display: none; background-color: #c6b986; }
#subMenu li.current { background-image: url(../images/subMenuTriangle.png);  background-repeat: no-repeat; background-position:left center; }
#subMenu a:link, #subMenu a:visited, #subMenu a:hover { display: block; font-weight: bold; text-align: center; color: white; padding: .5em 0; }
#subMenu a:hover { background-color: #a09567; text-decoration: none; }
#subMenu li.current a:hover { background-color: transparent; cursor: default;}

div.dynamicTextCtnr { min-height: 400px; }
body#services div.dynamicTextCtnr { min-height: 330px; }
div.dynamicTextCtnr div.htmlLoad { display: none; } /*deleted by js*/
#contLowerMid.dynamicTextCtnr h1 { text-transform: uppercase; font-size: 1.125em; margin: 0 0 .6em; padding-left: 20px; }
body#services #contLowerMid.dynamicTextCtnr h1 {  margin-bottom: 1em; padding-left: 0px; }
.dynamicTextCtnr a { color: #5c5538; }

div.dynamicTextCtnr ul { 
padding-left: 20px;  margin-bottom: .8em;
width: 90%;
}
div.dynamicTextCtnr li { 
list-style: disc;
}

#Paper-Styles table { border-collapse: collapse; border: 1px solid #434758; font-weight: bold; margin: 0 0 1em 20px; width: 310px; }
#Paper-Styles table td, #Paper-Styles table th { border: 1px solid #434758; }

#menuMain {height: 26px; background-color:#aca06f; padding: 0 0 0 96px; }
#menuMain li { float: left; height: 26px; }
#menuMain li.index { width: 74px; }
#menuMain li.stationery { width: 108px; }
#menuMain li.weddings { width: 102px; }
#menuMain li.invitations { width: 109px; }
#menuMain li.baby { width: 69px; }
#menuMain li.holiday { width: 87px; }
#menuMain li.news { width: 69px; }
#menuMain li.contact { width: 89px; }

#menuMain a{
display: block; width: 100%; height: 26px;
text-indent: -999em;
background: url(../images/menuMain.png) no-repeat transparent;
background-position: 0 0;
}
#menuMain li.index a {background-position: 0 0;}
#menuMain li.stationery a{background-position: -74px 0px;}
#menuMain li.weddings a{background-position: -182px 0;}
#menuMain li.invitations a{background-position: -284px 0;}
#menuMain li.baby a{background-position: -393px 0;}
#menuMain li.holiday a{background-position: -462px 0;}
#menuMain li.news a{background-position: -549px 0;}
#menuMain li.contact a{background-position: -618px 0;}

body#index #menuMain li.index a, #menuMain li.index a:hover {background-position: 0 -26px;}
body.stationery #menuMain li.stationery a, #menuMain li.stationery a:hover {background-position: -74px -26px;}
body.weddings #menuMain li.weddings a, #menuMain li.weddings a:hover {background-position: -182px -26px;}
body.invitations #menuMain li.invitations a, #menuMain li.invitations a:hover {background-position: -284px -26px;}
body.baby #menuMain li.baby a, #menuMain li.baby a:hover {background-position: -393px -26px;}
body.holiday #menuMain li.holiday a, #menuMain li.holiday a:hover {background-position: -462px -26px;}
body.news #menuMain li.news a, #menuMain li.news a:hover {background-position: -549px -26px;}
body.contact #menuMain li.contact a, #menuMain li.contact a:hover {background-position: -618px -26px;}

body#index #menuMain li.index a:hover,
body.stationery #menuMain li.stationery a:hover,
body.weddings #menuMain li.weddings a:hover,
body.invitations #menuMain li.invitations a:hover,
body.baby #menuMain li.baby a:hover,
body.holiday #menuMain li.holiday a:hover,
body.news #menuMain li.news a:hover,
body.contact #menuMain li.contact a:hover
{ cursor: default }

div#shopSearch { position: relative; padding: 20px 0 0 20px; background-color:#edebd3; }
form#search { 
	 margin:0 0 10px;
	}
form#search label { 
	display: block; font-weight: bold;  padding-bottom: 4px;
	}
form#search input#searchEntry { 
	/*position: absolute; top: 10px; left:0; width: 60px; */
	width: 130px;margin-right: 4px; margin-bottom: 0;
	}
form#search button#submitBtn {
	background: url(../images/submitBtn.png) no-repeat; border: 0; cursor: pointer; width:36px; height:20px; vertical-align:top;
	}
form#search button#submitBtn:hover, form#dictEntry button#submitBtn.over {
	background-position: 0 -20px;
	}
form#search button#submitBtn:active { 
	background-position: 0 -40px; outline: none;
	}
a#advSearch { width: auto; color: #5c5538; font-weight: bold;  padding: 0 22px 0 0; background: url(../images/searchIcon.png) no-repeat right 0;}

/*---NEWS-----------------------------*/

#wpWrap, #wpContent, #wpSidebar { float: left;}
#wpCtner {width: 770px;padding: 26px 95px 40px;
background-color: #fff; border-top: 15px #edebd3 solid;}
#wpWrap {width: 770px;}
#wpContent {width: 490px;}
#wpSidebar {width: 280px;}
div.post { padding-right: 30px;}
div.post p { margin-top: .75em;}
h2.postitle {margin-bottom: 8px; font-size: 18px; }
#wpLeather { margin-top: 12px; background: url(../images/wpLeather.jpg) no-repeat center 3.25em #edebd3; }
#wpLeather p { margin: 160px 10px 0; text-align: center; padding-bottom: 26px;}
/*---CONTACT-----------------------------*/

body#contact #content { padding: 100px 0 0 386px;  background: url(../images/contactBcgr.jpg) no-repeat 94px 24px #fff; font-weight: bold;}
body#contact #content h3 {margin:0 0 .6em; font-size: 1.25em; }
body#contact #content p { margin-bottom: .6em; }
body#contact #content p a:link, body#contact #content p a:visited { color: #5c5538; }
/*---FOOTER-----------------------------*/
#footer {
margin: 0 auto;
width: 100%;
padding: 20px 0 0;
text-align: center;
background-color: #aca06f;
color: #fff;
}

body.w1024 #footer { font-size: .9em; }

#footer li {
display: inline;
margin: 0 7px 0 0px;
}
#footer li a {
border-left: 1px #fff solid; 
padding: 0 0px 0 10px; color:#fff;
}
body#index #footer li.index a,
body.stationery #footer li.stationery a,
body#about #footer li.about a,
body#contact #footer li.contact a,
body.weddings #footer li.weddings a,
body.invitations #footer li.invitations a,
body.baby #footer li.baby a,
body.holiday #footer li.holiday a,
body.news #footer li.news a,
body.services #footer li.services a,
body.faq #footer li.faq a,
#footer a.current, #footer a.current:hover  {
background-color: transparent; color: #5c5538; cursor: default; text-decoration: none;
}
/* over is set by js*/
#footer li.first a {
border-left: 0px #fff solid; padding-left: 0;
}
#footer li.last {
margin-right: 0;
}
p#copyright {
margin: 0; 
padding-bottom: 12px;
}
p#copyright a { color: #fff; }

/* CONTACT html */
body#contact #content {height: 400px; }
body#contact #content img {padding: 24px 0 0 94px; }

/* FORM */
#content { background-color: #fff; padding-bottom: 50px;}

/*only for this site*/
p#contactTel { 
	width: 100%; height: 114px;
	background: url(../images/contactTel.gif) no-repeat 50% 32px #fff;
	}
/*end only for this site*/
#content.am_cfwrap,
#content.am_cfwrapjsoff { 
	padding-top: 0px; /*usually = 32px*/
	}
body.jsOff .amcf_jsOn { 
	display: none; 
	}
form#am_cf,
.amcf_response,
#cfAddress {
	color: #000;
	position: relative;
	height: 270px; width: 470px; margin: 0 auto;
	background: url(../images/contactBcgr.gif) no-repeat 0 0 ;
	}
form#am_cf * {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	}
form#am_cf fieldset { margin: 0; padding: 0; border: 0;
	}
form#am_cf legend,
form#am_cf label { display: none;
	}
/*---err params---*/
form#am_cf .amcf_err {
	font-size: 12px; font-style: italic;
	position: absolute;
	left: 126px; width: 338px; top: 44px; padding-left: 4px;
	}
form#am_cf #amcf_emailErr { top: 88px; }
form#am_cf #amcf_noteErr { top: 250px; }
/*---input, textarea params---*/
form#am_cf input, form#am_cf textarea { 
	position: absolute; left: 129px; font-size: 12px; 
	margin: 0; border: 0; background-color: transparent;  padding: 0 0 0 4px;
	}
form#am_cf input { 
	top: 19px; width: 239px; height: 23px;
	}
form#am_cf #amcf_email  { top: 63px; }
form#am_cf #amcf_note { 
	top: 108px; width: 305px; height: 138px;
	overflow: auto; 
	}
form#am_cf input.safari { 
	top: 18px; left: 127px; width: 244px; height: 27px; 
	}
form#am_cf #amcf_email.safari  { top: 61px; }
form#am_cf #amcf_note.safari { top: 107px; left: 127px; width: 310px; height: 142px;}

form#am_cf textarea:focus, form#am_cf input:focus, form#am_cf input.ieFocus, form#am_cf textarea.ieFocus { 
	background-color: white; border: 1px solid #fafafa;
	}
/*---submit btn params---*/
form#am_cf #amcf_submitBtn {
	position: absolute; left: 27px; top: 221px; width: 76px; height: 36px; 
	background-image: url(../images/submitBtn.gif);
	background-repeat: no-repeat; 
	margin: 0;  padding: 0; border: 0; cursor: pointer;
	}
form#am_cf #amcf_submitBtn:active,
form#am_cf #amcf_submitBtn:hover,
form#am_cf #amcf_submitBtn.over { 
	background-position: 0 -36px;  
	}
form#am_cf #amcf_submitBtn:active { 
	outline: none;  
	}
/*---response params---*/
.amcf_response { 
	background: none; width: 300px; height: auto;
	}
body.jsOn .amcf_response { 
	display: none;
	}
.amcf_response p { 
	text-align: center; font-size: 1.5em; line-height: 2; padding-top: 30px;  background-color: transparent;
	}
/*---DEFINE COLORS -------*/
form#am_cf #amcf_emailErr, form#am_cf #amcf_nameErr, form#am_cf #amcf_noteErr {
	color: #fff; 
	background-color: #aca06f; border: 1px solid silver; border-top: none; border-right: none;
	}
form#am_cf #amcf_submitBtn {
	background-color: #edebd3;
	}
.amcf_response p { 
	color: #aca06f; 
	}
/*---address---*/
#cfAddress {
	background: none; height: auto; margin-top: 20px;
	}
#cfAddress h3 { 
	font-size: 1.125em; margin: 0 0 .5em 0; 
	}
	
/*---POPUP-----------------------------*/

html, body { height: 100%; }
#popUpWindow {
  position: fixed;
  background-color: #ddd;
  width: 550px; top:50%; left: 50%; /*for both centered*/
  padding: 0; margin: 0;
  z-index: 102;
  display:block;
  text-align:left;
  border: 4px solid #aca06f;
}

#popUpWindow #popUpClose { width: 18px; height: 18px; background: url(../images/butt_18.png) no-repeat 0 0; position: absolute; top:1px; right: 1px;}
#popUpWindow #popUpClose.hover { background: url(../images/butt_18.png) no-repeat 0 -18px; cursor: pointer; }

#popUpCont { width: 500px; margin: 12px auto 16px auto;}
#popUpCont h1 {font-size: 1.25em; margin-top: 12px; margin-bottom: 1em}
#popUpCont h3 {font-size: 1.125em; margin-top: 1em; margin-bottom: .6em; }
#popUpCont p { margin-bottom: .4em; }
#popUpCont ul { 
padding-left: 20px;  margin-bottom: .5em;
width: 90%;
}
#popUpCont li { 
list-style: disc; padding-bottom: .3em;
}
#popUpCont a:link, #popUpCont a:visited, #popUpCont a:hover { color: #5c5538; text-decoration: underline; }

#popUpOverlay {position: fixed; z-index:100; top: 0px; left: 0px; width: 100%; height: 100%; background-color:#000; padding: 0; margin: 0;}
/*#popUpLoad{ position: fixed; top: 50%; height:100px; width:100px; z-index:103; padding: 0; margin: -50px 0 0 430px;}*/ /*not needed for short text*/
#popUpHideSelect{ z-index:99; position:absolute; top: 0; left: 0; background-color:#fff; border:none; padding: 0; margin: 0; }	
	
/*---LINKS-----------------------------*/

a:link img { border: 0; }
a:focus, a:active, a:visited { outline: none; }
#index_Leather a:link, #index_Leather a:visited, #index_Leather a:hover,
#wpLeather a:link, #wpLeather a:visited, #wpLeather a:hover { color: #5c5538; text-decoration: underline; }
#index_Leather a:hover, #wpLeather a:hover { font-weight: bold; }

