*{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style:none
}

body{
	background:#545454 !important;
	color:#000;
	margin:15px 0 0;
}

p{
	margin:0 0 16px;
	line-height:18px;
}

q{
	display:block;
	margin:6px 0
}

cite{
	display:block;
	margin:6px 0
}

div:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

img{
	border:0
}

a{
	color:#00a
}

a:hover{
	color:#00d
}


/* BEGIN: Headings ================== */
h1{
	font:normal 19px "trebuchet ms";
	color:#694800
}

h2{
	font-size:15px;
	margin:10px 0 4px 0
}

h3{
	font:bold 14px/17px Arial, Helvetica, sans-serif;
	margin:0 0 12px;
}

h4{
	font-size:13px
}

h5{
	font-size:12px
}

h6{
	font-size:11px
}
/* END: Headings ================== */


/* BEGIN: Forms ================== */
fieldset{
	padding:10px;
	margin:20px 0
}

legend{
	padding:0 10px;
	font-weight:bold
}
option{
	padding:0 3px
}

input, textarea{
	padding:1px 2px
}
/* END: Forms ================== */


/* BEGIN: Tables ================== */
table{
	margin:0 0 16px
}

th{
	padding:3px 6px
}

.even{
	background:#ffc
}
/* BEGIN: Tables ================== */


#main{
	margin:auto;
	width:759px;
	background:#fff;
}

#header{
	float:left;
	width:759px;
	height:116px;
	background:#fff url(/images/bgHeader.gif) no-repeat top
}
#header h1{
	float:left;
	width:316px;
	height:112px;
	margin:0 0 0 219px;
	background:url(/images/bgLogoSantaSpeaking.gif) no-repeat top;
	text-indent:-9999px;
	display:inline
}
#header h1 a{
	display:block;
	width:316px;
	height:112px;
	outline:none
}

#nav{
	float:left;
	width:759px;
	padding:0 0 5px;
	background:url(/images/imgCandyStripedBar.gif) no-repeat bottom
}
#nav li{
	float:left;
	display:inline;
}

#contentWrap{
	float:left;
	width:704px;
	margin:0 3px;
	padding:10px 48px 0 0;
	background:#FF9300
}
#content{
	width:704px;
	height:1706px;
	background:url(/images/bgLiveCallsContent.jpg) no-repeat top left
}
#imgSantaLiveCalls{
	float:left;
	margin-left:10px;
}
#hdrLiveCallsWelcome{
	float:left;
	width:239px;
	height:56px;
	margin:44px 0 20px 130px;
	background:url(/images/hdrLiveCallsWelcome.gif) no-repeat top left;
	text-indent:-999px
}
#introText{
	float:left;
	width:352px;
	margin:0 0 0 20px;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	text-align:justify
}
#leftSide{
	float:left;
	width:156px;
	margin:7px 0 0
}
#leftSide .leftlink{
	display:block;
	clear:left;
	float:left;
}
#leftSide .leftmargin{
	margin-left:10px;
	display:inline
}
#lnkArrivalMessages{
	margin:0 0 4px
}
#contentInner{
	float:left;
	width:452px;
	margin-left:38px;
}
#setupSteps{
	float:left; 
	width:507px
}
#callSteps{
	margin:0 0 16px 14px !important
}
#callSteps li{
	display:block;
	height:20px;
	padding-left:25px;
	margin:0 0 8px;
}
#callSteps li span{
	display:block;
	height:20px;
	text-indent:-9999px
}
.step1{	background:url(/images/bulletStep1.gif) no-repeat top left; }
.step1 span{ background:url(/images/itemStep1.gif) no-repeat }
.step2{	background:url(/images/bulletStep2.gif) no-repeat top left; }
.step2 span{ background:url(/images/itemStep2.gif) no-repeat }
.step3{	background:url(/images/bulletStep3.gif) no-repeat top left; }
.step3 span{ background:url(/images/itemStep3.gif) no-repeat }
.step4{	background:url(/images/bulletStep4.gif) no-repeat top left; }
.step4 span{ background:url(/images/itemStep4.gif) no-repeat }

#divStep1{
	float:left;
	width:561px;
	min-height:65px;
	margin:0 0 3px 100px;
	padding:50px 0 0 12px;
	background:url(/images/hdrStep1.gif) no-repeat top left;
	display:inline
}
#divStep1 div{
	float:left;
	width:254px;
	height:52px;
	margin:0 0 5px 8px;
	padding:8px 0 0 5px;
}
#divStep1 div label{
	display:block;
	text-indent:-9999px
}
#liveCall{ background:url(/images/bgStep1LiveCall.gif) no-repeat top left }
#liveCallCD{ background:url(/images/bgStep1LiveCallCD.gif) no-repeat top left }
#liveCallMp3{ background:url(/images/bgStep1LiveCallMp3.gif) no-repeat top left }
#liveCallExtended{ background:url(/images/bgStep1LliveCallExtended.gif) no-repeat top left }
#step1Notes{
	float:left;
	width:530px;
	height:35px;
	background:url(/images/bgStep1Notes.gif) no-repeat top left;
	text-indent:-9999px
}
#moreInfo{
	float:left;
	width:622px;
	height:310px;
	margin:0 0 10px 77px;
	padding:42px 0 0;
	background:url(/images/bgCDOrnament.jpg) no-repeat top right;
	display:inline;
}
#hdrMoreDetails{
	width:348px;
	height:33px;
	margin:0 0 15px;
	background:url(/images/hdrMoreDetails.gif) no-repeat top left;
	text-indent:-9999px
}
#moreInfo h4{
	margin-left:25px;
	color:#CF0400;
	line-height:18px
}
#moreInfo ul{
	width:323px;
	margin:0 0 15px 40px
}
#moreInfo ul li{
	list-style:disc outside;
	font-size:13px
}
#moreInfo li strong{
	color:#74B74A
}
#moreInfo li span{
	color:#006838;
	font-weight:bold
}
.wideInfo{
	width:420px !important;
}
#IMGOrder1{
	float:right;
	margin:0 44px 25px 0
}
#listAsSeenOn{
	float:left;
	width:506px;
	height:195px;
	margin:0 0 0 128px;
	background:url(/images/bgAsSeenOn.gif) no-repeat top left;
	text-indent:-9999px;
	display:inline
}
#footer{
	float:left;
	width:753px;
	background:#0099CC url(/images/imgCandyStripedBar.gif) no-repeat top;
	padding:10px 0 0;
	border:3px solid #fff;
	border-width:0 3px;
	text-align:center
}
#footer table{
	margin:0 auto
}
#footerNav{
	float:left;
	width:753px;
	height:27px;
	padding:7px 0 0;
	background:#FF9300;
	border:3px solid #fff;
	border-top:0;
	text-align:center
}
#footerNav li{
	display:inline;
}

.clear{
	clear:both
}
#editOrder{
	width:770px;
	float:left;
	text-align:right;
	background-color:#545454 !important
}
