﻿body {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Sans-Serif;
font-size:12px;
color:#666;
}
p,h2,h4,ul,h1{
margin:0px;
padding:0px;
}
h4{
font-size:14px;
}
h1{
font-size:18px;
}
#TBMainContainer{
width:990px;
border:solid 20px #CCCC66;
border-bottom:none;
margin:0px auto;
padding-bottom:30px;
}
/*---------------------------------------------------------------- top banner --------------------------------------------------*/
#TBTopBanner{
width:990px;
height:190px;
background-image:url(../Images/TopBannerLogoBrown2.jpg);
background-position:top left;
background-repeat:no-repeat;
}
/*---------------------------------------------------------------- current page --------------------------------------------------*/
body#PhotoBooks a#Current,
body#Home a#Current,
body#Pricing a#Current,
body#Shipping a#Current,
body#Contact a#Current,
body#Calendars a#Current,
body#Card a#Current,
body#HowWorks a#Current{
color:#fff;
text-decoration:underline;
}
body#GiftCard a#Current2,
body#Testimonials a#Current2,
body#Photographer a#Current2,
body#MakeBook a#Current2,
body#SamplePage a#Current2,
body#FAQPage a#Current2,
body#TipsTricks a#Current2,
body#CalGuide a#Current2,
body#PBGuide a#Current2{
background-color:#ffcc00;
color:#669966;
}
/*---------------------------------------------------------------- top nav bar --------------------------------------------------*/
#TBNavBar{
width:990px;
height:50px;
background-image:url(../images/TBNavBarBGImg.jpg);
background-position:top left;
background-repeat:repeat-x;
}
#TBNavBar ul{
margin:0px;
margin-left:2px;
padding:0px;
padding-top:7px;
}
#TBNavBar ul li{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
border-right:dotted 1px #669966;
}
#TBNavBar li.Last{
border-right:none;
}
#TBNavBar a{
color:#669966;
font-weight:bold;
text-decoration:none;
font-size:17px;
padding:9px;
display:block;
}
#TBNavBar a:hover{
color:#ffffff;
text-decoration:underline;
/*background-image:url(../images/TBNavBarBGHover.jpg);
background-position:top left;
background-repeat:repeat-x;
background-color:#ffffff;*/
}
/*---------------------------------------------------------------- download btn --------------------------------------------------*/

#TBDownloadBtn{
width:800px;
height:75px;
/*border-bottom:solid 1px #cccc66;*/
}
#TBDownloadBtn img{
float:right;
border-right:solid 1px #666;
border-bottom:solid 1px #666;
border-left:none;
border-top:none;
margin-right:10px;
margin-top:5px;
}
#TBDownloadBtn h1{
color:#669966;
width:800px;
padding-left:10px;
padding-top:18px;
}
/*---------------------------------------------------------------- side nav bar --------------------------------------------------*/
#TBSideBar{
Width:210px;
height:100%;
float:left;
/*background-color:Aqua;*/
margin-top:20px;
}
#TBSideBar ul{
border:dotted 1px #cccc66;
margin-left:5px;
margin-right:5px;
}
#TBSideBar ul li{
list-style-type:none;
border-bottom:dotted 1px #cccc66;
padding:1px;
}
#TBSideBar ul li.Last{
border-bottom:none;
}
#TBSideBar h4{
margin:30px 5px 0px 5px;
border:solid 1px #cccc66;
border-bottom:none;
padding:5px;
}
.SideNavBarLink{
color:#666;
text-decoration:none;
font-weight:bold;
display:block;
padding:7px;
background:#ffffcc;
}
.SideNavBarLink:hover{
background-color:#ffcc00;
color:#669966;
}

.SideNavBarLink_AddThis{
background:#ffffcc; 
vertical-align:top;
}
.SideNavBarLink_AddThis:hover{
background-color:#ffcc00;
color:#669966;
}

#CherylImg{
border:solid 2px red;
margin:0px;
padding:0px;
}
#TBSideBar img{
margin-top:20px;
margin-left:5px;
}
#BlogBtn{
border:none;
}
#BBB{
margin-left:70px;
}
/*---------------------------------------------------------------- footer --------------------------------------------------*/
.TBClear{
clear:both;
}
#TBClear{
clear:both;

}
#TBFooter{
width:990px;
height:23px;
border:solid 20px #333;
border-top:none;
border-bottom:none;
margin:0px auto;
background-color:#333;
color:#fff;
padding-top:7px;
font-size:10px;
}
#TBFooter ul{
/*border:solid 1px red;*/
width:50%;
display:inline;
}
#TBFooter ul li{
display:inline;
list-style-type:none;
margin:0px;
padding-right:15px;
padding-left:5px;
padding-bottom:2px;
border-right:dotted 1px #fff;
}
#TBFooter ul li a{
color:#fff;
}
#TBFooter ul li a:hover{
color:#ccc;
text-decoration:none;
}
#TBFooter ul li.Last{
border-right:none;
}
#TBFooter p.Footer{
margin-left:301px;
/*border:solid 1px lime;*/
width:48%;
display:inline;
}
/*---------------------------------------------------------------- home main content --------------------------------------------------*/
.MainContent{
width:735px;
float:left;
/*background-color:Lime;*/
padding:5px 10px;
}
.ProductSections{
border:dotted 1px #cccc66;
margin-bottom:20px;
}
.ProductSections h4{
padding:5px;
background-color:#ffffcc;
}
.ProductSections p{
padding:5px;
}
.ProductSections img{
border:solid 1px #666;
margin:10px 0px 10px 42px;
}
#TBHomeMainContent a{
color:#666;
}
#TBHomeMainContent a:hover{
color:#669966;
font-weight:bold;
}

#TBHomeBook{
margin-top:15px;
}
#TBHomeCalendarss p h4{
clear:both;
}
#CalClear{
clear:both;
}


a.HomeCal1{
/*background-image:url(../images/HomeCal1-Hvr.jpg);
width:150px;
height:150px;
display:block;
float:left;*/
border:solid 1px #ccc;
margin:10px 10px 10px 10px;
}
a.HomeCal1:hover{
border:solid 1px #999;
}

/*
a.HomeCal2{
background-image:url(../images/HomeCal2-Hvr.jpg);
width:150px;
height:150px;
display:block;
border:solid 1px #ccc;
margin:10px 10px 10px 60px;
float:left;
}
a.HomeCal2:hover{
border:solid 1px #999;
}
a.HomeCal3{
background-image:url(../images/HomeCal3-Hvr.jpg);
width:150px;
height:150px;
display:block;
border:solid 1px #ccc;
margin:10px 0px 10px 60px;
float:left;
}
a.HomeCal3:hover{
border:solid 1px #999;
}*/

a.HomeBook1{
/*background-image:url(../images/HomeBook1-Hvr.jpg);
width:150px;
height:150px;
display:block;
float:left;*/
margin:10px 10px 10px 10px;
border:solid 1px #ccc;
}
a.HomeBook1:hover{
border:solid 1px #999;
}
a.HomeBook2{
/*background-image:url(../images/HomeBook2-Hvr.jpg);
width:150px;
height:150px;
display:block;
float:left;*/
margin:10px 10px 10px 10px;
border:solid 1px #ccc;
}
a.HomeBook2:hover{
border:solid 1px #999;
}
a.HomeBook3{
/*background-image:url(../images/HomeBook3-Hvr.jpg);
width:150px;
height:150px;
display:block;
float:left;*/
margin:10px 10px 10px 10px;
border:solid 1px #ccc;
}
a.HomeBook3:hover{
border:solid 1px #999;
}
a.HomeCard1{
/*background-image:url(../images/HomeCard1-Hvr.jpg);
width:150px;
height:150px;
display:block;
float:left;*/
margin:10px 10px 10px 10px;
border:solid 1px #ccc;
}
a.HomeCard1:hover{
border:solid 1px #999;
}
/*
a.HomeCard2{
background-image:url(../images/HomeCard2-Hvr.jpg);
width:150px;
height:150px;
display:block;
border:solid 1px #ccc;
margin:10px 0px 10px 60px;
float:left;
}
a.HomeCard2:hover{
border:solid 1px #999;
}
a.HomeCard3{
background-image:url(../images/HomeCard3-Hvr.jpg);
width:150px;
height:150px;
display:block;
border:solid 1px #ccc;
margin:10px 0px 10px 60px;
float:left;
}
a.HomeCard3:hover{
border:solid 1px #999;
}*/
/*------------------------------------------------ Photo book page --------------------------------------------------*/
.PBImages{
border:dotted 1px #cccc66;
border-top:solid 5px #cccc66;
padding:10px;
margin:0px auto;
margin-bottom:10px;
width:98%;
}
.PBImages2{
border:dotted 1px #cccc66;
border-top:solid 5px #cccc66;
padding:10px;
margin:0px auto;
margin-bottom:10px;
width:80%;
text-align:center;  
}
.PBImages h4{
width:100%;
height:4px;
background:#cccc66;
margin-bottom:10px;
}
#SBSampleImg{
margin:0px auto;
display:block;
}
/*------------------------------------------------ Photo book page hard cover table --------------------------------------------------*/
.ProductHeading{
margin-top:11px;
border-bottom:dotted 1px #cccc66;
padding-bottom:3px;
}
#TBPricingTable{
margin:20px 0px; 
}
#TBPricingTable p.ColorDisclaimer{
font-size:10px;
}
#TBHomeMainContent p.PSpace{
margin:12px 0px;
line-height:17px;
}
#tblColors{
width:100%;
border-collapse:collapse;
margin-top:25px;
}
#tblColors td{
width:16%;
text-align:center;
}
#tblHardCover{
width:100%;
border-collapse:collapse;
border:solid 1px #999;
}
.TBGray{
background-color:#ccc;
border-bottom:solid 1px #999;
}
.TBYellow{
background-color:#ffffcc;
border-bottom:solid 1px #999;
}
#tblHardCover tr td.tblSCFirst{
text-align:center;
}
#tblHardCover td{
padding:3px;
}

/*---Adding new prices here....--------------*/

#tblHardCover2{
width:100%;
border-collapse:collapse;
border:solid 1px #999;
}
#tblHardCover2 tr td.tblSCFirst{
text-align:center;
}
#tblHardCover2 td{
padding:3px;
}
/*------------------------------------------------ Photo book page soft cover table --------------------------------------------------*/
#tblSoftCover tr.TBGray{
background-color:#ccc;
border-bottom:solid 1px #999;
}
#tblSoftCover tr.TBYellow{
background-color:#ffffcc;
border-bottom:solid 1px #999;
}
#tblSoftCover tr td.tblSCFirst{
text-align:center;
}
#tblSoftCover tr td.tblSCFirst span{
font-style:italic;
}
#tblSoftCover{
width:100%;
margin-top:10px;
border-collapse:collapse;
border:solid 1px #999;
}
#tblSoftCover td{
padding:3px;
}
/*--------------------------------------------------------- Pricing page --------------------------------------------------*/
#TBPricing table#tblSoftCover{
margin:0px;
margin-bottom:20px;
}
#TBPricing table#tblHardCover{
margin-bottom:20px;
}
#TBPricing h2{
border-bottom:dotted 1px #cccc66;
margin-top:10px;
margin-bottom:15px;
padding-bottom:3px;
}
#TBPricing h4{
background:#ffcc00;
color:#669966;
margin-left:-1px;
margin-bottom:2px;
padding-left:3px;
}
#TBPricing table#tblCalendars{
margin:0px;
margin-bottom:20px;
}
#TBPricing table#tblCards{
margin:0px;
margin-bottom:20px;
}
/*--------------------------------------------------------- shipping page --------------------------------------------------*/
#TBShipping h2{
border-bottom:dotted 1px #cccc66;
margin-top:10px;
margin-bottom:15px;
padding-bottom:3px;
}
#TBShipping h4{
background:#ffcc00;
color:#669966;
margin-left:-1px;
margin-bottom:2px;
padding-left:3px;
}
#tblShipping{
width:100%;
border:solid 1px #999;
border-collapse:collapse;
}
#tblShipping tr.TBGray{
background-color:#ccc;
border-bottom:solid 1px #999;
}
#tblShipping tr.TBYellow{
background-color:#ffffcc;
border-bottom:solid 1px #999;
}
#TBShipping p.PickUp{
font-style:italic
}
#tblShipping td{
padding:3px;
}
/*--------------------------------------------------------- contact page --------------------------------------------------*/
#TBContact h2{
border-bottom:dotted 1px #cccc66;
padding-bottom:3px;
margin-top:10px;
margin-bottom:20px;
}
#TBContact h4{
background:#ffcc00;
padding-left:3px;
color:#669966;
}
#TBContact p span{
font-weight:bold;
}
#TBContact a{
/*margin:12px 0px 12px 0px;
display:block;*/
}
/*--------------------------------------------------------- gift card page --------------------------------------------------*/
#TBGiftCards h4{
border-bottom:dotted 1px #669966;
margin-top:12px;
padding-bottom:3px;
}
#TBGiftCards ul{
margin-left:30px;
}
#Buybtn{
/*
background-image:url(../images/GiftCard2.jpg);*/
background-repeat:no-repeat;
background-position:top left;
width:261px;
height:174px;
border:solid 1px #ccc;
border-right:solid 3px #ccc;
border-bottom:solid 3px #ccc;
text-align:right;
margin:20px auto;
}
#Buybtn a{
color:#ff0000;
display:block;
padding-top:1px;
padding-bottom:168px;
padding-right:5px;
font-weight:bold;
text-decoration:none;
}
#Buybtn a:hover{
color:#669966;
}
/*----------------------------------------------------- calendars page --------------------------------------------------*/
#tblCalendars{
width:100%;
margin-top:30px;
border-collapse:collapse;
border:solid 1px #999;
}
#tblCalendars td{
width:20%;
border-bottom:solid 1px #999;
padding:2px;
}
/*----------------------------------------------------- cards page --------------------------------------------------*/
#tblCards{
width:100%;
margin-top:30px;
border-collapse:collapse;
border:solid 1px #999;
}
#tblCards td{
width:20%;
border-bottom:solid 1px #999;
padding:3px;
}
#TBCards ul{
margin-left:30px;
}
#CardPack{
list-style-type:square;
}
/*----------------------------------------------------- testiminials page --------------------------------------------------*/
#TBTestimonials div{
border-bottom:dotted 1px #cccc66;
margin:0px 10px;
}
#TBTestimonials div.Last{
border-bottom:none;
}
#TBTestimonials p span{
color:#669966;
font-weight:bold;
}
/*----------------------------------------------------- photographers page --------------------------------------------------*/
#Studio1Shot{
float:right;
margin:5px;
}
/*----------------------------------------------------- make book page --------------------------------------------------*/
#TBMakeBook img{
float:left;
margin-right:5px;
margin-bottom:5px;
}
#TBMakeBook p.ULBreak{
clear:both;
}
#TBMakeBook table{
width:50%;
border-collapse:collapse;
border:solid 1px #999;
margin:0px auto;
}
#TBMakeBook table td{
border:solid 1px #999;
padding:2px;
}
#TBMakeBook ul{
margin-left:30px;
line-height:20px;
}
#TBMakeBook ul.Numeric{
list-style-type:decimal;
}
#TBMakeBook p.Address{
margin-left:20px;
padding-top:-20px;
font-weight:bold;
font-style:italic;
}
#TBMakeBook p.Extra{
/*border-bottom:dotted 1px #669966;*/
padding-bottom:2px;
width:52%;
margin:0px auto;
margin-bottom:5px;
}
/*----------------------------------------------------- legal page --------------------------------------------------*/
#TBLegal div{
border:dotted 1px #cccc66;
margin-top:20px;
padding:5px;
}
#TBLegal h4.ProductHeading{
border-bottom:solid 1px #cccc66;
background:none;
}
#TBLegal h4{
background:#ffcc00;
padding-left:5px;
color:#669966;
margin-bottom:10px;
}
#TBLegal p{
line-height:18px;
margin:0px 5px 10px 5px;
}
#TBLegal p span{
font-weight:bold;
line-height:25px;
}
/*----------------------------------------------------- terms & conditions page --------------------------------------------------*/
#TBTerms{
border:dotted 1px #cccc66;
margin-top:15px;
padding:5px;
}
#TBTerms h4{
background:#ffcc00;
padding-left:5px;
}
#TBTerms ul{
margin-left:30px;
}
#TBTerms p{
line-height:18px;
margin:0px 5px 10px 5px;
}
#TBTerms p span{
font-weight:bold;
line-height:25px;
}
/*----------------------------------------------------- download page --------------------------------------------------*/
.DownloadBorders{
border:solid 1px #cccc66;
margin-top:20px;
}
#DLHead{
margin-top:11px;
border-bottom:dotted 1px #cccc66;
padding-bottom:5px;
}
.DLSubHead{
margin-top:10px;
margin-bottom:10px;
}
#Downloads ul{
margin-left:30px;
}
#Downloads ul li{
 list-style-type:square;
}
/*----------------------------------------------------- download divs --------------------------------------------------*/
.DownloadsImg{
margin-left:70px;
}
.DownloadsHead{
background:#ffffcc;
border-bottom:dotted 1px #cccc66;
padding:3px;
text-align:center;
}
#Note{
font-size:10px;
margin:12px;
}
/*----------------------------------------------------- how it works page --------------------------------------------------*/
#HowItWorks img{
margin-left:125px;
border:solid 2px #333;
}
/*----------------------------------------------------- faqs page --------------------------------------------------*/
.FAQsHead{
padding:3px;
margin:0px;
margin-top:10px;
font-weight:bold;
color:#669966;
border-bottom:dotted 1px #cccc66;
margin-bottom:5px;
clear:left;
}
.FAQsSubHead{
margin-top:10px;
text-decoration:underline;
}
.FAQsCopy{
margin:0px;
padding:6px;
background:#ffffcc;
}
#General{
margin:15px 0px 15px 60px;
width:40%;
float:left;
line-height:18px;
list-style-type:square;
}
#Cards{
margin:15px 0px 15px 30px;
width:40%;
float:left;
line-height:18px;
list-style-type:square;
}
.Top{
display:block;
margin-left:660px;
text-decoration:none;
text-align:center;
width:4%;
}
#Cards a:hover{
font-weight:normal;
text-decoration:none;
}
#General a:hover{
font-weight:normal;
text-decoration:none;
}
/*----------------------------------------------------- tips & tricks page --------------------------------------------------*/
#Tips ul{
margin:15px 0px 15px 40px;
list-style-type:square;
line-height:15px;
}
#Tips p{
margin-bottom:15px;
margin-left:10px;
}
.ImgLocation{
margin:0px auto;
margin-bottom:15px;
display:block;
}
.SubHeadh4{
color:#669966;
border-bottom:dotted 1px #cccc66;
margin-bottom:15px;
padding-bottom:3px;
}
.Top2{
margin-left:670px;
margin-top:-34px;
margin-bottom:20px;
display:block;
text-decoration:none;
}
#Tips a:hover{
font-weight:normal;
text-decoration:none;
}
/*------------------------------------------------- photo book guide page --------------------------------------------------*/
#HowToMain{
list-style-type:decimal;
margin-left:40px;
line-height:18px;
}
.UlMainInner{
margin-left:40px;
list-style-type:square;
line-height:18px;
}
#PhotoBookGuide p{
margin:15px 0px;
line-height:15px;
}
#RedNote{
color:#669966;
}
#RedNote a{
color:#669966;
}
/*------------------------------------------------- calendar guide page --------------------------------------------------*/
.ulTop{
float:left;
line-height:18px;
margin-left:40px;
width:40%
}
#CalendarGuide h4{
clear:left;
}
#CalendarGuide p{
line-height:18px;
margin-bottom:10px;
}
#CalendarGuide ul{
margin:0px 0px 10px 40px;
}
#CalendarGuide ul li{
list-style-type:square;
}
/*------------------------------------------------- home images page --------------------------------------------------*/
.TBHomeImg{
border:dotted 1px #000;
width:150px;
height:150px;
}
/*------------------------------------------------- sample books page --------------------------------------------------*/
.SBooksRow img{
border:solid 1px #ccc;
margin-left:35px;
padding:5px;
}
.SBooksRow a{
text-decoration:none;
}
#PhotoSample{
margin:0px auto;
display:block;
}
.SBooksRow{
margin:0px auto;
margin-top:30px;
border-top:dotted 1px #ccc;
padding-top:20px;
width:95%;
}
#SBFirstDiv{
border:none;
padding:0px;
}
#Landscapes{
margin:0px 0px 0px 53px;
float:left;
font-size:10px;
}
#Wedding{
margin:0px 0px 0px 114px;
float:left;
font-size:10px;
}
#NJWedding{
font-size:10px;
}
#Heritage{
margin:0px 0px 0px 139px;
float:left;
font-size:10px;
}
#AlaskaTrip{
margin:0px 0px 0px 89px;
float:left;
font-size:10px;
}
#Garden{
margin:0px 0px 0px 85px;
float:left;
font-size:10px;
}
#Baby{
margin:0px 0px 0px 166px;
float:left;
font-size:10px;
}
#SampleBooks h4{
border-bottom:dotted 1px #669966;
margin-top:12px;
padding-bottom:3px;
}
#BabyBook{
margin-left:30px;
}
.CndDlr{
margin:5px 0px 5px 0px;
font-size:10px;
font-weight:bold;
}
/*------------------------------------------------- about page --------------------------------------------------*/
#TBAboutContent p{
margin:15px 0px 0px 0px;
}
/*------------------------------------------------- site map --------------------------------------------------*/
.SiteMapContainers{
float:left;
width:48%;
min-height:135px;
margin:0px 10px 10px 0px;
border:dotted 1px #cccc66;
}
.SiteMapContainers h4{
padding:5px;
background:#ffffcc;
}
.SiteMapContainers ul{
margin:10px 0px 0px 40px;
}
.SiteMapContainers ul li{
list-style-type:square;
}
#SiteMapHeader{
margin:10px 0px 10px 0px;
}
/*------------------------------------------------- bbb logo --------------------------------------------------*/
#TBTopBanner img{
/*margin:85px 0px 0px 840px;*/
margin:  15px 0px  0px 850px;
}

