@charset "utf-8";
/* letter to father christmas style sheet  copyright webs for everyone 2010 - all graphics contained in these styles are copyright  */

html,body{	height: 100%;	margin: 0;	padding: 0;}
body{	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	background-color:#0F1049;	background-image: url(../assets/images/background_body.jpg);	background-repeat: no-repeat;	text-align: center;	padding: 0px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	width: 100%;	background-position: center top;	font-size:14px;	line-height: 130%;}
#container{	width:950px;	/*height: 1230px;change this height  - 1000 + menu height*/	padding:0px;	padding-left:50px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	background-image: url(../assets/images/background_1000.jpg);	background-repeat: no-repeat;	background-position: center top;	overflow: hidden;	background-color: transparent;}

a {outline: none;}
/******************************   header and nav  **************************/
#header{	height: 170px;	width: 900px;	text-align: center;	margin: 0px;	padding:0px;	float:left;	background-image: url(../assets/images/narrowLogoSANTA.jpg);	background-repeat: no-repeat;	background-position: left top;}
#logoCount{	height: 94px;	width: 900px;	text-align: left;	margin: 0px;	padding:0px;	float:left;}
#siteLogo{	height: 94px;	width: 590px;	text-align: left;	margin: 0px;	padding:0px;	float:left;}
#count{	height: 50px;/*104*/	width: 310px;	text-align: center;	margin: 0px;	padding:0px;	padding-top: 44px;	float:left;}
#nav {	margin: 0px;	padding: 0px;	padding-top: 22px;	height:50px;	width: 900px;	overflow: hidden;	float:left;}
#nav a img{	text-decoration:none	;	border: none;}
.navGapStart {	margin: 0px;	padding: 0px;	float: left;	height: 50px;	width: 23px;	font-size: 14px;	font-weight: normal;	color: #CCCCCC;	text-decoration: none;}	
.navOption{	color: #fcfcfc;	margin: 0px;	float: left;	height: 34px;/*46*/	width: 55px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 18px;	padding-right: 5px;	padding-bottom:0px;	padding-left: 2px;/* 36px;*/}
.navOptionDbl{	color: #fcfcfc;	margin: 0px;	float: left;	height: 29px;/*46*/	width: 55px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 10px;	padding-right: 5px;	padding-bottom: 3px;	padding-left: 2px;/* 36px;*/}
.navOption a, .navOptionDbl a{	color: #fcfcfc;	text-decoration: none;	margin: 0px;	float: left;	font-size: 13px;	line-height: 14px;	line-height: 130%;	font-weight: bold;	text-align: center;	vertical-align: middle;}
.navOption a:hover, .navOptionDbl a:hover{	margin: 0px;	float: left;	text-decoration: none;	color:#3C6;}
.navOption a:active, .navOptionDbl a:active{	margin: 0px;	float: left;	text-decoration: none;	color:#3C6;}
.homeIcon{	margin: 0px;	float: left;	height: 50px;/*46*/	width: 45px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 3px;	text-decoration: none;	padding-left: 0px;}
.homeIcon a, .homeIcon a img{	margin: 0px;	float: left;	padding: 0px;	text-decoration: none;	padding-left: 0px;	border: none;}
.aboutIcon{ margin: 0px;	float: left;	height: 50px;/*46*/	width: 37px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 3px;	text-decoration: none;	padding-left: 0px;}
.letterIcon{	margin: 0px;	float: left;	height: 50px;/*46*/	width: 40px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 0px;	padding-right: 5px;	padding-bottom: 3px;	text-decoration: none;	padding-left: 0px;}
.calendarIcon{	margin: 0px;	float: left;	height: 50px;/*46*/	width: 43px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 0px;	padding-right: 5px;	padding-bottom: 3px;	text-decoration: none;	padding-left: 0px;}
.deliveryIcon{	margin: 0px;	float: left;	height: 50px;/*46*/	width: 45px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 3px;	text-decoration: none;	padding-left: 0px;}
.contactIcon{	margin: 0px;	float: left;	height: 50px;/*46*/	width: 45px;/*101*/	font-size: 13px;	line-height: 14px;	font-weight: bold;	text-align: center;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 3px;	text-decoration: none;	padding-left: 0px;}
.navGap{	margin: 0px;	padding: 0px;	float: left;	height: 60px;	width: 37px;}


/******************************   page    **************************/
#pageWrapper{	height: 618px;	width: 870px;	margin: 0px;	padding: 0px;	float: left;	padding-left:37px;	padding-top: 44px;}
#mainContent{	height: 608px;/*618*/	width: 468px;	margin: 0px;	padding: 0px;	padding-top: 10px;	padding-right: 24px;	float: left;}
#mainContentShort{	height: 280px;/*618*/	width: 820px;	margin: 0px;	padding: 0px;	padding-top: 10px;	padding-right: 4px;/*24*/	float: left;}
#mainContentLetterNarrow{ 	height: 105px;/*490*/	width: 780px;/*720*/	margin: 0px;	padding: 0px;	padding-top: 10px;	float: left;}
#mainContentPostcardNarrow{ /*this one postcards text  */	height: 115px;/*490*/	width: 780px;/*720*/	margin: 0px;	padding: 0px;	padding-top: 10px;	float: left;}
.pageText{	width: 353px;	margin: 0px;	padding: 0px;	padding-left: 90px;	float: left;	text-align: left;}
#mainContentWide{	height: 608px;/*618*/	width: 820px;	margin: 0px;	padding: 0px;	padding-top: 10px;	float: left;}
#mainContentWideNarrow{	height: 220px;/*618*/	width: 820px;	margin: 0px;	padding: 0px;	padding-top: 10px;	float: left;}
.pageTextWide{	width: 700px;	margin: 0px;	padding: 0px;	padding-left: 90px;	float: left;	text-align: left;}
.pageTextWideShort{	width: 700px;	height: 100px;	margin: 0px;	padding: 0px;	padding-left: 90px;	float: left;	text-align: left;	overflow: hidden;}
.santa{	background-image: url(../assets/images/fatherC.png);	background-repeat: no-repeat;	background-position: left top;}
.letter{	background-image: url(../assets/images/lettersLg.png);	background-repeat: no-repeat;	background-position: left top;}
.holly{	background-image: url(../assets/images/holly_other.png);	background-repeat: no-repeat;	background-position: left top;}
.delivery{	background-image: url(../assets/images/delivery_panel.png);	background-repeat: no-repeat;	background-position: left top;}
.elf{	background-image: url(../assets/images/elf.png);	background-repeat: no-repeat;	background-position: left top;}
.tree{	background-image: url(../assets/images/faq_panel.png);	background-repeat: no-repeat;	background-position: left top;}
.fun{	background-image: url(../assets/images/christmas-fun.png);	background-repeat: no-repeat;	background-position: left top;}
.ballBlue{	background-image: url(../assets/images/blue_bauble.png);	background-repeat: no-repeat;	background-position: left top;}
.email{	 background-image: url(../assets/images/emailDEL.png);	background-repeat: no-repeat;	background-position: left top;	padding-left:110px;	margin-top:5px;}
.post{	 background-image: url(../assets/images/stampDELb.png);	background-repeat: no-repeat;	background-position: left top;	padding-left:110px;	margin-top:5px;}
 .web{    background-image: url(../assets/images/webDEL.png);	background-repeat: no-repeat;	background-position: left top;	padding-left:110px;	margin-top:5px;	}
 .calHis{    background-image: url(../assets/images/green_bauble.png);	background-repeat: no-repeat;	background-position: left top;}
.puzzle{    background-image: url(../assets/images/candle.png);	background-repeat: no-repeat;	background-position: left top;}
.joke{    background-image: url(../assets/images/candy.png);	background-repeat: no-repeat;	background-position: left top;}
.pageTextGap{	height: 20px;	width: 460px;	margin: 0px;	padding: 0px;	float: left;}
.pageTextGapWide{	height: 20px;	width: 660px;	margin: 0px;	padding: 0px;	float: left;}
.acknow{	height:40px;	width:300px;	float:left;	}
.breadcrumb{	width: 460px;/*920*/	height: 20px;	margin: 0px;	padding: 0px;	padding-top: 5px;	padding-left: 15px;	text-align: left;	float:left;	clear:left;}


/******************************   faq  **************************/
#accordion{	width: 820px;	margin: 0px;	padding: 0px;	float: left;	text-align: left;}
#accordion h3 {	background-image: url(../assets/images/holly_mini.png);	background-repeat: no-repeat;	background-position:right top;}


/******************************   side panel  **************************/
#sidePanel{	height: 618px;	width: 336px;	margin: 0px;	padding: 0px;	overflow:hidden;	float: left;	background-image: url(../assets/images/panel_full_back.jpg);	background-repeat: no-repeat;	background-position: left top;}
#writeNowAd{	height: 170px;/*220*/	width: 331px;/*336*/	margin: 0px;	padding: 0px;	padding-left:5px;	padding-top: 40px;/*50*//*	overflow:hidden;*/	float: left;	background-image: url(../assets/images/panel_write.jpg);	background-repeat: no-repeat;	background-position: left top;	font-family:"Trebuchet MS", Tahoma, Geneva, sans-serif;}
.letterAdvert{	height: 131px;	width: 220px;/*280  321*/	margin: 0px;	padding: 0px;padding-left:3px;		/*overflow:hidden;*/	float: left;}
.letterAdvert h3{	color:#DF0000;	font-size:15px;	line-height: 18px;	padding: 0px;	padding-left:30px;	margin: 0px;	font-family:"Century Gothic","Trebuchet MS", Arial, sans-serif;}
.letterAdvert ol{/*	width: 170px;		list-style-type: decimal;	list-style-position:outside;	margin: 0px;	float: left;*/	margin-top: 3px;	padding-top: 0px;	font-size: 13px;}
.letterAdvert li{	/*width: 100%;	margin: 0px;	margin-bottom: 4px;	float: left;*/	padding: 0px;		margin-top: 3px;	margin-bottom: 0px;	font-size: 12px;/*13*/	line-height:100%;	text-align:left;	font-weight:normal;}
.begin {		height: 38px;	width: 244px;/* 336*/	margin: 0px;	padding: 0px;	padding-left:92px;	overflow:hidden;	float: left;	clear:left;	background-image: url(../assets/images/button_begin.jpg);	background-repeat: no-repeat;	background-position: center top;}
.beginButton{	height: 38px;	width: 147px;	margin: 0px;	padding: 0px;	overflow:hidden;	float: left;}
#adventCalendarAd{	height: 130px;/*155*/	width: 321px;/*336*/	margin: 0px;	padding: 0px;	padding-top: 22px;	padding-left:15px;	overflow:hidden;	float: left;	background-image: url(../assets/images/panel_calendar.jpg);	background-repeat: no-repeat;	background-position: left top;}
.doorButton{	height: 38px;	width: 147px;	margin: 0px;	padding: 0px;	overflow:hidden;	float: left;}
.calendarAdvert{	height: 81px;	width: 215px;/*321*/	margin: 0px;	padding: 0px;	padding-left:88px;	overflow:hidden;	float: left;	font-size: 12px;/*13*/	text-align:left;	line-height: 115%;	font-family:"Trebuchet MS", Tahoma, Geneva, sans-serif;}
.calendarAdvert h3{	line-height: 130%;	font-size: 15px;	font-family:"Century Gothic",Tahoma, Geneva, sans-serif;	padding: 0px;	margin: 0px;}
.openDoor{	height: 38px;	width: 246px;/*336*/	margin: 0px;	padding: 0px;	padding-left: 90px;	overflow:hidden;	float: left;	clear:left;	background-image: url(../assets/images/button_open.jpg);	background-repeat: no-repeat;	background-position: center top;}
.panelInfoWrapper{	width: 316px; /*336*/	margin: 0px;	padding: 0px;	padding-left:20px;	padding-top:5px;	padding-bottom: 5px;	overflow:hidden;	float: left;}
.panelInfoWrapper_spaceTop{	width: 310px; /*336*/	margin: 0px;	padding: 0px;	padding-left:20px;	padding-top:25px;	padding-bottom: 5px;	overflow:hidden;	float: left;}
.panelLogo{	width: 68px;	margin: 0px;	padding: 0px;	overflow:hidden;	float: left;}
.panelText{	width: 240px;	margin: 0px;	padding: 0px;	overflow:hidden;	float: left;}
.panelTextRed{ 	width: 240px;	margin: 0px; padding: 0px; overflow:hidden; float: left; }
.panelnfoGap{	width: 300px; /*336*/	height: 20px;	margin: 0px;	padding: 0px;	overflow:hidden;	float: left;	clear:left;}
.pageText ul{ margin-top: 0px; padding-top:0px;}
.spaceTop{	padding-top:15px;}


/******************************   footer  **************************/
#footerWrapper{	width: 950px;	padding:0px;	padding-left:0px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	text-align: center;	float: left;}
#footerBottom{	width: 950px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	text-align: center;	float: left;	padding-top: 80px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
#footerTop{	width: 950px;	height:60px;	padding: 0px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	text-align: center;	float: left;	}
.copy{	width: 770px;/*950*/	padding: 0px;	padding-top: 5px;	padding-bottom: 10px;	margin: 0px;	text-align: left;	float: left;	display: inline;}
#design{	width:130px;	padding: 0px;	padding-top: 5px;	padding-bottom: 10px;	margin: 0px;	float: left;	text-align:right;	display: inline;}
#footAdd{  		width:900px;	margin: 0px;	padding: 0px;	overflow:hidden;	float:left;}
#wideFoot{	background-color:#A0B0CA;	text-align: center;	padding: 0px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	width: 100%;}
#wideFootText{	width:950px;	padding:0px;	padding-left:50px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	overflow: hidden;	text-align:left;}
#wideFootText li{	padding-top:20px;}
.wideFootTextTestimony{	width:860px;	margin: 0px;	padding: 10px;	overflow:hidden;	float:left;	border: 1px dashed #333;	background-color:#FFFFDC;}