#test_bar{
	display:none;
	}

.u2d_mainContentColumn  {
width:710px !important;
background:#FFF;
margin:46px auto;
}

#mainPagePadding{
	padding:0px !important;
	*width: 745px !important;
	}

#right_col{
	float:right;
	width:555px;
	position:relative;
	zoom:1;
	}
	
#left_col{
	float:left;
	width:130px;
	position:relative;
	zoom:1;
	}

#hf_distInfo {
	font-size: 11px;
	/* background-color:red; */
	width:125px;
	text-align:center;
}

#customerInfo {
	background-image: url('/images/hfsolution/address-back.png');	
	background-position: 0px -201px;
	position:relative;
	padding:4px 3px 0;
	width:120px;
	overflow: hidden;
	padding-top: 8px;
}

#hf_personalInfoButton{
  	margin-top:3px;
}

#hf_distImageContainer img {
	max-width: 125px;
    max-height: 115px;
}

#hf_distImageContainer {
 overflow: hidden;
 max-height: 190px;
 position:relative;
}

#hf_distImageContainer .edit{
	position:absolute;
	bottom:0px;
	right:0px;
	}

#hf_distImageContainer canvas {
	width:200px;
}

.hf_mi_button{
	/*display:inline-block !important;
	*display:inline !important;*/
	
	}

.offscreen {
	position:absolute;
	left:-6000px;
	top:-3000px;
}

#hf_distInfo #hf_distImageContainer span, #hf_distImageContainer img {
  z-index: 1020;
  cursor:pointer;
}
.rvml {
	position:absolute;
	z-index:2010;		
}

p {
	padding:1em 0;
}

.modalP{
	margin:1em 0;
	}
	
.modalP h3{
	margin-bottom: 8px;
	
	}

#hf_distInfo ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#customerInfo p{
	padding-top:7px;
	margin:0px !important;
	/*max-height:55px;*/
	overflow:hidden;
	}
	
#customerInfo h3{
	font-size:14px !important;
	padding:0px !important;
	margin:0;
    color:#000;
	}

#customerInfo ul{
	list-style-image:none !important;
	padding: 2px 10px 10px 10px;
	}
#customerInfo ul li{
	list-style:none !important;
	margin-left:0px;
	}

#hf_view, #hf_moreInfoContent, a#changeAudio, #coda-slider-1  {
	height:306px;
	width:544px;
}
	
#hf_view, #hf_movement_nav {
	padding:0px;
}

#coda-nav-1 {
/*	background-color:blue; */
	height:56px;
	width:550px;
	position: relative;
    z-index: 0;
    padding-top:8px;
    vertical-align:top;
}

#coda-nav-1 ul {
	position:absolute;
	bottom:5px;
	left:0px;
	list-style-image: none;
	padding: 0px;
	margin:0px;	
	zoom:1;
	width:445px;
	display:inline;
	height:50px;
}
#coda-nav-1 a {
	text-decoration:none;
	color:black;	
	height:40px;
	display:block;
	width:54px;
} 
#coda-nav-1 li {
	margin-left:4px;
	padding:2px 0px;
	text-align:center;
	font-size: .6em;
	display:block;
	float:left;
	border: 3px solid #BBBBBD;
	width:64px;
	height:40px;
	font-weight:bold;
}
#coda-nav-1 li:first-child {
	margin-left:0px;
}

#coda-nav-1 li span{
	display:none;	
	}

#coda-nav-1 li:hover {
	border-color:#cbcbcb;
	background:#9e9e9e;
}
	
#coda-nav-1 li:hover a { color:#FFFFFF;}

#coda-nav-1 li.selected {
    /*background-color:red;*/
    border:#414142 3px solid;
    /*font-weight:bold;*/
}

#coda-nav-1  #section-1, #coda-nav-1  #section-2, #coda-nav-1  #section-3, #coda-nav-1  #section-4, #coda-nav-1  #section-5, #coda-nav-1  #section-6 {
	background-image: url(/images/hfsolution/section_nav.png);
	background-repeat:no-repeat;
	}
#coda-nav-1  #section-1{
	background-position:0px 0px;	
}	
#coda-nav-1  #section-1:hover{
	background-position:0px -44px;	
}
#coda-nav-1  #section-1.selected{
	background-position:0px -88px;	
}
	
#coda-nav-1  #section-2{
	background-position:-64px 0px;	
}	
#coda-nav-1  #section-2:hover{
	background-position:-64px -44px;
}
#coda-nav-1  #section-2.selected{
	background-position:-64px -88px;
}	

#coda-nav-1  #section-3{
	background-position:-128px 0px;
}	
#coda-nav-1  #section-3:hover{
	background-position:-128px -44px;	
}
#coda-nav-1  #section-3.selected{
	background-position:-128px -88px;	
}	


#coda-nav-1  #section-4{
	background-position:-192px 0px;
}	
#coda-nav-1  #section-4:hover{
	background-position:-192px -44px;
}
#coda-nav-1  #section-4.selected{
	background-position:-192px -88px;
}
		
#coda-nav-1  #section-5{
	background-position:-256px 0px;	
}	
#coda-nav-1  #section-5:hover{
	background-position:-256px -44px;
}
#coda-nav-1  #section-5.selected{
	background-position:-256px -88px;
}	
	
	
#coda-nav-1  #section-6{
	background-position:-320px 0px;
}	
#coda-nav-1  #section-6:hover{
	bbackground-position:-320px -44px;
}
#coda-nav-1  #section-6.selected{
	background-position:-320px -88px;
}	
		
#hf_view {
	background-color:darkgrey;
	border: 3px solid #BBBBBD;
	/* width:584px; */
}

#slider_controls {
	position:relative;
	}
#coda-slider-1 {
 position:relative;
}

#coda-slider-1  #hf_movement_nav {
	display:none;
	background: url('/images/opaque50.png') 0px 0px repeat;
	width:182px;
	padding:7px 5px 1px 5px;
	margin:8px auto;
	text-align:center;
	margin:auto;
	 border:1px solid #CCCCCC;
 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* background-color:purple; */
}

.coda-nav-right, .coda-nav-left{
		display: inline-block;
		*display:inline;
		zoom:1;
		height:44px;
		width:55px;
}

#coda-slider-1:hover  #hf_movement_nav {
	/*display:block;*/
	}
#hf_movement_nav button {
	padding-left:8px;
	padding-right:8px;
	padding-bottom:3px;
}
#hf_container {
	padding:10px 10px;
	width:690px;
	margin: 0px auto;
	border:1px #CCC solid;
	height:370px;
	position:relative;
}

a#changeAudio{
	-moz-border-radius:0px;
	border:none;
	position:absolute;
	top:3px;
	left:3px;
	z-index:5;
	background: url(/images/hfsolution/edit-audio-back.png);
	height:50px;
	cursor:pointer;
	font-size:inherit;
	padding:0;
	display:none !important;
}

#changeAudio span {
	background: url(/images/hfsolution/edit-audio-button.png) no-repeat;
	display:block;
	width:240px;
	height:39px;
	margin: 7px 0 0 145px;
	padding-left: 28px;
	padding-top: 8px;
	padding-right:10px;
	color:white;
	font-weight:bold;
}

a#changeAudio.disabled {
	display:none !important;
	cursor:default;
	background: url(/images/hfsolution/edit-audio-back-disabled.png);
}

#changeAudio.disabled span {
	background: url(/images/hfsolution/edit-audio-button-disabled.png) no-repeat;
}

#test_bar {
	background-color:salmon;
	padding:10px;
}

#hf_moreInfoContent {
	background: url('/images/hfsolution/final_image.jpg') 0px 0px no-repeat;
}

#hf_moreInfo {	
}

	
/*#left_col a.edit span, #hf_moreInfoContent a.edit span, #hf_moreInfoContent a.remove span {
padding:0 2px 1px 15px;
}

#left_col a.edit, #hf_moreInfoContent a.edit, #hf_moreInfoContent a.remove {
	width:16px;
}*/

#hf_marketSelect form {
	text-align:center;	
}

.coda-slider {
    background: url(/images/hfsolution/slide_bkg.jpg) no-repeat;
    z-index:1;
}

.hf_slide {
	/*background: black;*//*url(/images/hfsolution/default-background-example.jpg) no-repeat;*/
	padding-left:0px;
	padding-top:0px;	
	position:absolute;
	top:0px;
	left:0px;
	/*position:absolute;*/
	/*top:80px;*/
	/*left:80px;*/
}

.hf_slide div.foreground_image {
	/*background: url(/images/hfsolution/default-foreground-example.png) no-repeat;*/
	width:145px;
	height:310px;
}


div.hf_slide div.audio_placeholder span {
	top: 0px;
	left:0px;
}

div.hf_slide div.foreground_image span {
	top: 150px;
	left:180px;
}

.hf_slide blockquote  {
	/*display:none;*/
}
.hf_slide label {
	font-weight:bold;
}
.hf_slide label:after {
	content: " = ";		
}
.hf_slide p {
	width:400px;
	padding:.2em 0;	
}

div.hf_slide span.edit {
	position:absolute;
	zoom:1;
	display:block;
	background-color:red;
	color:yellow;
	cursor:pointer;
} 
.ui-dialog {
	/*overflow: visible !important;*/
	}
.ui-dialog .ui-dialog-buttonpane {
	text-align:center
}
.ui-dialog .ui-dialog-buttonpane button:first-child, button.callToAction {
	color: #FFFFFF !important;
	font-weight:bold !important;
	background: #547e1a url(/images/webapps/cta_bkg.png) repeat-x !important;	
	border-color:#506223 !important;
	*border-size:1px !important;	
}


.ui-widget-overlay { opacity: .70;filter:Alpha(Opacity=70); }

.loading a.ui-dialog-titlebar-close {	display:none; }
.market a.ui-dialog-titlebar-close { display:none; }

#hf_distInfo .email{
	margin:10px 0px;
	}

a.email span{
	padding:0 2px 0 22px;
}
.opTest{
	background:#FFF;
	}


.lightBox .ui-dialog-titlebar {
	display:block;
}
.lightBox #hf_distInfo #hf_distImageContainer span, #hf_distImageContainer img {
	cursor:auto;
	}
.lightBox .ui-widget-header {
	background:none;
	border:0px !important;
	position:absolute;
	width:715px;
	}
	
.lightBox #hf_change_image, .lightBox #hf_feedbackButton{
	display:none;
	}

.lightBox .ui-widget-header .ui-dialog-titlebar-close{
	z-index:2000;
	position:absolute;
	top:-5px;
	right:-5px;
	background:url("/images/jquery/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
	border:1px solid #999999;
	color:#212121;
	cursor: pointer;
	}
	
.lightBox.ui-dialog{
	overflow:visible !important;
	filter:none !important;
	}
div.lightBoxOverlay {
		background-image: none;
		background: repeat scroll 50% 50% black;
		opacity: 0.8;
}

/*Video Box Style AG 1/7/2011 */
.videoBox .ui-dialog-titlebar, .hfs2 .ui-dialog-titlebar  {
	display:block;
}

.hfs2 .ui-dialog-title {
    display:none;
}

.videoBox .ui-widget-header, .hfs2 .ui-widget-header {
	background:none;
	border:0px !important;
	position:absolute;
	width:550px;
	}

.videoBox .ui-widget-header .ui-dialog-titlebar-close, .hfs2 .ui-widget-header .ui-dialog-titlebar-close{
	z-index:2000;
	position:absolute;
	top:-5px;
	right:-5px;
	background:url("/images/jquery/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
	border:1px solid #999999;
	color:#212121;
	cursor: pointer;
	}

.videoBox.ui-dialog, .hfs2.ui-dialog{
	overflow:visible !important;
	filter:none !important;
}

div.videoBoxBoxOverlay, div.hfs2BoxOverlay {
		background-image: none;
		background: repeat scroll 50% 50% black;
		opacity: 0.8;
}

/*playlist box style */
.playlistBox .ui-dialog-titlebar {
	display:block;
}

.playlistBox .ui-widget-header {
	background:none;
	border:0px !important;
	position:absolute;
	width:765px;
	}



.playlistBox .ui-widget-header .ui-dialog-titlebar-close{
	z-index:2000;
	position:absolute;
	top:-5px;
	right:-5px;
	background:url("/images/jquery/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
	border:1px solid #999999;
	color:#212121;
	cursor: pointer;
	}

.playlistBox.ui-dialog{
	overflow:visible !important;
	filter:none !important;
	}
div.playlistBoxBoxOverlay {
		background-image: none;
		background: repeat scroll 50% 50% black;
		opacity: 0.8;
}
/*End of Video Box Style AG */

	a#hf_prev span, a#hf_play span, a#hf_next span{
		display:none;		
		}
		
		a#hf_prev, a#hf_play, a#hf_next{
		display: inline-block;
		*display:inline;
		zoom:1;
		height:44px;
		background-image: url(/images/hfsolution/controller_sprite.png);
		background-repeat:no-repeat;
		overflow:hidden;
		cursor:pointer;
		}
		
		a#hf_play{		
		width:63px;	
		background-position: -58px 0px;
		}
		
		a#hf_play:hover{	
		background-position: -58px -44px;
		}
		
		a#hf_play.pauseState{		
		width:63px;	
		background-position: -58px -88px;
		}
		
		a#hf_play:hover.pauseState{	
		background-position: -58px -132px;
		}
		
a#hf_next{
	width:55px;
	background-position:0px 0px;
}
a#hf_prev{		
	width:55px;
	background-position:0px -88px;	
}
a#hf_next:hover{ background-position:0px -44px;	}
/*a#hf_next.disabled{	background-position:0px -44px; }			*/
a#hf_prev:hover{ background-position:0px -132px; }
/*a#hf_prev.disabled { background-position:0px -132px; }*/
a#hf_prev.disabled, a#hf_next.disabled, a#hf_play.disabled { cursor:auto; }


.disabled {
	opacity: 0.4;filter: alpha(opacity = 40);
	cursor:default;
}

		#hf_navbar_container{
		position:absolute;
		zoom:1;
		left:0px;
		bottom:10px;
		z-index:300;
		width:100%;
		}
		
		#hf_navbar_container .edit{
		margin:2px;
		
		}
		#hf_changeImageContent { text-align:center;}
		#hf_changeImageContent div { padding:20px 0; }
		#hf_changeImageContent p { padding-bottom:20px; }
		#hf_changeImageContent div.cover_view { 
			padding:0px;
			border:#a4a4a4 solid 1px;
			border-top-color:#898989;
			border-left-color:#898989;
			width:615px;
		}
		#hf_changeImageContent label {
			padding-top:20px;
			font-weight: bold;
			display:block;
		}

	.tooltip {
	display:none;
	position:relative;
	background: #e5e5e5 url(/images/webapps/light_grey_bkg.png) 0px 0px repeat-x;
	font-size:12px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#000;	
	z-index:2222;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.tooltip .tip{
	height:10px;
	width:8px;
	background: transparent url(/images/webapps/tip_bkg.png) 0px 0px repeat-x;
	position: absolute;
	bottom:-10px;
	margin-left:-6px;
	left:50%;
	}

/*
.tooltip {
	display:none;
	background:transparent url(/images/hfsoultion/blue_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#fff;	
	z-index:1005;
}*/

#hf_feedbackButton{
	position: absolute;
	/*display: inline-block;
	*display:inline;*/
	display:none;
	zoom:1;
	top: 3px;
	right: 3px;
	z-index: 5;
	cursor: pointer;
	}
.panel {
	position:relative;	
}

#hf_sendEcard {
	position:absolute;
	bottom:5px;
	right:1px;
	margin-top:0px;	
	height:50px;	
	font-size:12px;
	display:inline-block;
	*display:inline;
	*margin-top:-2px;
	zoom:1;
}

.lightBox #hf_sendEcard {
	font-size:10px;
}


#moreInfoPanel{
	right:0;
	margin:30px 0px;
	width:52%;
	position:absolute;
}
#moreInfoPanel a.edit, #moreInfoPanel a.remove{
	display:block;
	} 
	#moreInfoPanel h2{
	color:#FFFFFF;
	text-align:center;
	font-size:24px;
	margin:0px;
	text-shadow: #4b4b4b 0px 2px 2px;
	position:relative;	
	}
	#moreInfoPanel h2 .edit{
	position:absolute;
	bottom:3px;
	right:3px;	
	}
	#moreInfoPanel h2:hover .edit{
	opacity: 1;filter:Alpha(Opacity=100);
	}
	
#moreInfoPanel .opaqueness{
	margin:10px 0px;
	padding:8px;
	border-top:1px solid #98A1B5;
	border-bottom:1px solid #98A1B5;
	border-left:1px solid #98A1B5;
	-moz-border-radius-topleft:3px;;
	-webkit-border-top-left-radius:3px;;
	-moz-border-radius-bottomleft:3px;;
	-webkit-border-bottom-left-radius:3px;; 
	background: url('/images/opaque50.png') 0px 0px repeat;	
}
	
#moreInfoPanel ul{
	list-style-type:none;
	list-style-image:none;
	margin-left:0px;
	padding-left:0px;
	list-style:none;
	}
#moreInfoPanel ul li {
	list-style:none;
	margin-bottom:8px;	
	text-align:left;
	
	}	
#moreInfoPanel  ul li a:first-child{
	color:#183e84;	
	font-weight:bold;	
	font-size:13px;
	text-decoration:none;
	}


#hf_moreInfoList li {
	position: relative; 	
	}

#hf_moreInfoList li .hf_moreInfo_edits{
	position: absolute;
	top:0px;
	right:0px;
    line-height: 20px;
	}
	
#hf_moreInfoList li .hf_moreInfo_edits a{
	font-size:12px !important; 	
	line-height:16px !important;
	}

#hf_editCallToActionContent {
    overflow:hidden;
}

.ui-dialog .ui-dialog-content{
	overflow: hidden !important;
	}
	
.hf_btn{
	height:45px;
	line-height:43px;
	*line-height:40px;
	verticle-align:middle;
	cursor:pointer;
	}

.hf_btn .btn_left{
	float:left;
	background: transparent url(/images/hfsolution/hf_btn_left.png) 0px 0px no-repeat;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:45px;
	width:22px;
	}
	
.hf_btn .btn_right{
	float:left;
	background: transparent url(/images/hfsolution/hf_btn_right.png) 0px 0px no-repeat;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:45px;
	width:37px;
	}
	
.hf_btn:hover .btn_right{	
	background-position: 0px -45px;	
	}
	
.hf_btn .btn_rpt{
	float:left;
	background: transparent url(/images/hfsolution/hf_btn_rpt.png) 0px 0px repeat-x;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:45px;
	width:185px;
	overflow:hidden;
	}
	
#select_recipent_options {
	margin: 10px 0px 5px 0px;
}

.send_fields {
	width: 430px;
	float: left;
}

.send_preview {
	float: right;
	text-align: left;
	width: 180px;
	
}


.send_preview img {
	width: 115px;
	margin: 2px auto 0px auto;
	display: block;
}

.form_fields {
	margin: 5px 5px 5px 0px;
	text-align:left;
}

.send_fields .form_fields {
	float: left;
}

.form_fields span {
	width: 90px;
	display: inline-block; 
	*display: inline;
	zoom: 1;
	text-align: right;
	font-weight: bold;
}

.form_fields input {
margin-left:5px;
}

.select_sections {
	width: 545px;
	margin: 0px auto;
}

.selectBy_manual, .selectBy_addressbooklist, .selectBy_addressbook, .selectBy_upload, .selectBy_downline{
	text-align:left;
	}
	
.editCustomer input{
	filter:none !important;
	zoom:1 !important;
	}

.ecardConf .confImg{
	float:left;
height:150px;
margin:10px 20px 10px 10px;
max-width:185px;
}

.ecardConf h3 {
font-size:14px;
margin:8px 0;
}

.ecardConf p {
margin:8px 0;
}

.hideAdvanced {
    display:none;
}

.showAdvanced {
    font-weight:bold;
    line-height:50%;
}

#editCard_edit  { width: 640px; margin: 0px auto 8px; background: none repeat scroll 0% 0% rgb(223, 223, 223); padding: 10px;}

.ecardPreview .html_container {
	width: 650px; margin: auto;
	}