/*----------------------------------------------------
Title: 		Scentsy Convention 2010
Author:		Marketing - Matt Stevens
Updated:	5/2010
Valid:		You know it!
----------------------------------------------------*/

/* Import CSS Files */
@import url(reset.css);
@import url(typo.css);

body {
    background: #F9D9BD url(/assets/images/bg_body.jpg) repeat-x;
    color: #4C4C4C;
    font: 12px arial, sans-serif;
    margin: 0; padding: 0;
}

#container {
	margin: 0 auto; padding: 0;
	overflow: hidden;
}

	/* == Header == */

#header {
	background: transparent url(/assets/images/bg_header-2.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: 397px;
	width: 1206px;
}
	h1.home {
		background: transparent url(/assets/images/logo-convention.png) no-repeat top left;
		height: 172px;
		width: 309px;
		position: absolute;
		top: -22px;
		left: 143px;
	}
	h1.home a {
		display: block;
		text-indent: -9999px;
		height: 172px;
		width: 309px;		
	}
	ul.social-media-icons {
		margin: 0; padding: 10px 0;
		position: relative;
		top: 0;
		left: 1007px;
		z-index: 100;
		overflow: hidden;
		width: 125px;
	}
	ul.social-media-icons li {
		float: left;
		list-style-type: none;
		margin: 0; padding: 0 0 0 4px;	
	}
		ul.social-media-icons li a {
			display: block;
			text-indent: -9999px;
			width: 27px;
			height: 26px;
		}
			ul.social-media-icons li a.facebook-icon {
				background: transparent url(/assets/images/icons-social-media.png) no-repeat 0 0;
			}
			ul.social-media-icons li a.twitter-icon {
				background: transparent url(/assets/images/icons-social-media.png) no-repeat -32px 0;
			}
			ul.social-media-icons li a.youtube-icon {
				background: transparent url(/assets/images/icons-social-media.png) no-repeat -61px 0;
			}		
		ul#main-nav  {
			margin: 180px auto 0 auto; padding: 0;
			overflow: hidden;
			width: 840px;
			height: 137px;
			position: relative;
			z-index: 200;
		}
			ul#main-nav li {
				float: left;
				height: 140px;
				width: 158px;
				margin-left: 8px;
				list-style-type: none;
				list-style-image: none;
			}
			ul#main-nav li a {
				display: block;
				height: 140px;
				width: 158px;
				text-indent: -9999px;
			}
				ul#main-nav li a#nav-agenda {
					background: transparent url(/assets/images/nav.png) no-repeat 0 -18px;
				}
					ul#main-nav li a#nav-agenda:hover {
						background: transparent url(/assets/images/nav.png) no-repeat 0 -158px;
					}
					ul#main-nav li.active a#nav-agenda {
						background: transparent url(/assets/images/nav.png) no-repeat -1px -299px;
					}
				ul#main-nav li a#nav-speakers {
					background: transparent url(/assets/images/nav.png) no-repeat -167px -18px;
				}
					ul#main-nav li a#nav-speakers:hover {
						background: transparent url(/assets/images/nav.png) no-repeat -167px -158px;
					}
					ul#main-nav li.active a#nav-speakers {
						background: transparent url(/assets/images/nav.png) no-repeat -166px -299px;
					}
				ul#main-nav li a#nav-travel-info {
					background: transparent url(/assets/images/nav.png) no-repeat -333px -18px;
				}
					ul#main-nav li a#nav-travel-info:hover {
						background: transparent url(/assets/images/nav.png) no-repeat -333px -158px;
					}
					ul#main-nav li.active a#nav-travel-info {
						background: transparent url(/assets/images/nav.png) no-repeat -332px -299px;
					}
				ul#main-nav li a#nav-scentsy-success-store {
					background: transparent url(/assets/images/nav.png) no-repeat -497px -18px;
				}
					ul#main-nav li a#nav-scentsy-success-store:hover {
						background: transparent url(/assets/images/nav.png) no-repeat -497px -158px;
					}
					ul#main-nav li.active a#nav-scentsy-success-store {
						background: transparent url(/assets/images/nav.png) no-repeat -496px -299px;
					}
				ul#main-nav li a#nav-register {
					background: transparent url(/assets/images/nav.png) no-repeat -661px -18px;
				}
					ul#main-nav li a#nav-register:hover {
						background: transparent url(/assets/images/nav.png) no-repeat -661px -158px;
					}
					ul#main-nav li.active a#nav-register {
						background: transparent url(/assets/images/nav.png) no-repeat -660px -298px;
					}
			/* ES Nav */
				ul#es-main-nav  {
					margin: 189px auto 0 auto; padding: 0;
					overflow: hidden;
					width: 840px;
					height: 137px;
					position: relative;
					z-index: 200;
				}
					ul#es-main-nav li {
						float: left;
						height: 140px;
						width: 158px;
						margin-left: 8px;
						list-style-type: none;
						list-style-image: none;
					}
					ul#es-main-nav li a {
						display: block;
						height: 140px;
						width: 158px;
						text-indent: -9999px;
					}
						ul#es-main-nav li a#nav-agenda {
							background: transparent url(/assets/images/es-nav.png) no-repeat 0 -18px;
						}
							ul#es-main-nav li a#nav-agenda:hover {
								background: transparent url(/assets/images/es-nav.png) no-repeat 0 -158px;
							}
							ul#es-main-nav li.active a#nav-agenda {
								background: transparent url(/assets/images/es-nav.png) no-repeat -1px -299px;
							}
						ul#es-main-nav li a#nav-speakers {
							background: transparent url(/assets/images/es-nav.png) no-repeat -167px -18px;
						}
							ul#es-main-nav li a#nav-speakers:hover {
								background: transparent url(/assets/images/es-nav.png) no-repeat -167px -158px;
							}
							ul#es-main-nav li.active a#nav-speakers {
								background: transparent url(/assets/images/es-nav.png) no-repeat -166px -299px;
							}
						ul#es-main-nav li a#nav-travel-info {
							background: transparent url(/assets/images/es-nav.png) no-repeat -333px -18px;
						}
							ul#es-main-nav li a#nav-travel-info:hover {
								background: transparent url(/assets/images/es-nav.png) no-repeat -333px -158px;
							}
							ul#es-main-nav li.active a#nav-travel-info {
								background: transparent url(/assets/images/es-nav.png) no-repeat -332px -299px;
							}
						ul#es-main-nav li a#nav-scentsy-success-store {
							background: transparent url(/assets/images/es-nav.png) no-repeat -497px -18px;
						}
							ul#es-main-nav li a#nav-scentsy-success-store:hover {
								background: transparent url(/assets/images/es-nav.png) no-repeat -497px -158px;
							}
							ul#es-main-nav li.active a#nav-scentsy-success-store {
								background: transparent url(/assets/images/es-nav.png) no-repeat -496px -299px;
							}
						ul#es-main-nav li a#nav-register {
							background: transparent url(/assets/images/es-nav.png) no-repeat -661px -18px;
						}
							ul#es-main-nav li a#nav-register:hover {
								background: transparent url(/assets/images/es-nav.png) no-repeat -661px -158px;
							}
							ul#es-main-nav li.active a#nav-register {
								background: transparent url(/assets/images/es-nav.png) no-repeat -660px -298px;
							}

#content {
	background-color: #FFF;
	border: 7px solid #D6E487;
	margin: -50px auto 0 auto; padding: 60px 70px 80px 70px;
	overflow: hidden;
	width: 840px;
	position: relative;
	z-index: 150;
}
	#content img {
		border: none;
	}
	#content .col-l {
		float: left;
		margin: 0 15px 0 10px;
		width: 471px;
	}
	#content .col-1-full {
		float: left;
		margin: 0 15px 0 10px;
		width: auto;
	}
		#content .col-l-1 {
			float: left;
			margin: 0 25px 0 0; padding: 0;
			width: 249px;	
		}
		#content .col-l-2 {
			float: left;
			margin: 0; padding: 0;
			width: 190px;
		}
		.registration-costs-container, .announcements-container {
			background: transparent url(/assets/images/bg_announcements.png) no-repeat bottom left;
			margin: 0; padding: 0 14px 15px 0;
			border-bottom: 3px solid #D0BC9D;
		}
			.registration-costs-container {
				margin: 25px 0;
			}
			.registration-costs-container ul, .announcements-container ul {
				margin: 0; padding: 0;
			}
			.registration-costs-container li, .announcements-container li {
				list-style-image: none;
				list-style-type: none;
				line-height: 15px;
				border-bottom: 2px solid #C5C682;
				margin-bottom: 10px;
			}
	#content .col-r {
		float: left;
		margin-left: 5px;
		width: 339px;
	}
	
	/* == Pullquote == */
    #content div.pullquote {
        margin: 20px 0 20px 0; padding: 0;
    }
        #content div.top-pullquote {
        background: url(/assets/images/bg_quotes-top.gif) no-repeat top left;
        height: 18px;
	text-indent: -9999px;

        }
        #content div.bottom-pullquote {
        background: url(/assets/images/bg_quotes-bottom.gif) no-repeat top right;
        height: 18px;
	text-indent: -9999px;
        }
        #content div.pullquote p {
            color: #666666;
    		font: 12px/normal helvetica, arial, sans-serif;
    		font-style: italic;
            line-height: 16px;
            padding: 0 20px 0 20px;
        }
        /* == Twitter Feed == */
        
        .twitted {
        	border-top: 5px solid #CCC;
    		float: left;
    		width: 211px;
    		margin: 0 0 1.5em 20px;
    		padding: 0;
		}

		.twitted h2 {
		    margin: 0;
		    padding: 0.3em 0.8em;
		    font-size: 12px;
		    color: #fff;
		    background-color: #888;
		}
		
		.twitted p.preLoader {
		    margin: 0;
		    padding: 1em 1em 1em 3em;
		    background: transparent url("/assets/images/loader.gif") 1em center no-repeat;
		    /* generate your own loader gif: http://www.ajaxload.info */
		}
		
		.twitted ul#twitter_update_list {
		    margin: 0;
		    padding: 0 0.8em;
		    list-style-type: none;
		}
		
		.twitted ul#twitter_update_list li {
		    margin: 0;
		    padding: 0.8em 10px 0.8em 0;
		    background: transparent url("/assets/images/dotted-line-half.gif") 0.1em left no-repeat;
		    list-style-type: none;
		    width: 205px;
		    word-wrap: break-word
		}
		
		.twitted ul#twitter_update_list li span {
		    /* tweet content */
		    color: #666666;
		    display: block;
		}
		
		.twitted ul#twitter_update_list li span a {
		    /* links in tweet content */
		    color: #B92999;
		    padding-left: 2px;
		}
		
		.twitted ul#twitter_update_list li span a:hover {
		    color: #6C0C5F;
		}
		
		.twitted ul#twitter_update_list li a {
		    /* timestamp link */
		    color: #444;
		    text-decoration: none;
		}
		
		.twitted ul#twitter_update_list li.firstTweet {
			background: none;
		}
		
		.twitted ul#twitter_update_list li.lastTweet {
		    border-bottom: none;
		}
		
		.twitted p.profileLink {
		    background: url("/assets/images/bg_twitter.gif") no-repeat 0 0;
		    display: block;
		    position: relative;
		    text-indent: -99999px;
		    left: 30px;
		    top: -20px;
		    width: 211px;
		    height: 68px;
		}
		p.profileLink a {
		    display: block;
		    width: 211px;
		    height: 68px;
		}

	/* == Footer == */
		#footer {
			background: url("/assets/images/bg_footer.png") no-repeat 0 0;
			margin: -10px auto 30px auto; padding: 36px 26px 26px 26px;
			overflow: hidden;
			width: 942px;
		}
			#footer img {
				float: left;
			}
			#footer ul {
				border-top: 1px solid #959595;
				border-bottom: 1px solid #959595;
				display: inline;
				float: left;
				margin: 14px 0 0 10px; padding: 4px 0 6px 0;
			}
			#footer li.first {
				border: none;
			}
			#footer li {
				border-left: 1px solid #959595;
				display: inline;
				float: left;
				height: 10px;
				margin: 0; padding: 1px 10px 0 0;
				list-style-type: none;	
			}
			#footer li a {
				color: #FFF;
	    			font: 11px/normal helvetica, arial, sans-serif;
	    			text-transform: uppercase;
	    			text-decoration: none;
	    			text-transform: uppercase;
				padding-left: 10px;
			}
			#footer li a:hover {
				color: #CCC;
			}
				#footer ul.other-sites {
					border: none;
					margin: 10px 0 0 10px; padding: 0;
				}
				#footer ul.other-sites li {
					border-left: 1px solid #959595;
					color: #FFF;
					list-style-type: none;
					line-height: -5px;
					padding: 0 10px 0 3px;
				}
				#footer ul.other-sites li.first {
					border-left: none;
				}
				#footer ul.other-sites li a {
	    			font: 11px/normal helvetica, arial, sans-serif;
	    			text-transform: uppercase;
	    			text-decoration: none;
	    			padding-left: 5px;
				}
				#footer .social-media-icons {
					border: none;
					float: right;
					margin: 0; padding: 10px 0;
					position: relative;
					top: -20px;
					left: 0px;
					z-index: 100px;
					overflow: hidden;
				}
				#footer ul.social-media-icons li {
					border: none;
					float: left;
					list-style-type: none;
					margin: 0; padding: 0 0 0 4px;	
					width: 27px;
					height: 26px;
				}
				#footer ul.social-media-icons li a {
					border: none;
					display: block;
					margin: 0; padding: 0;
					text-indent: -9999px;
					width: 27px;
					height: 26px;
				}
				#footer .date-container {
					border: none;
					margin: 0; padding: 0;
					position: relative;
					top: -12px;
					left: 220px;
					width: 185px;
				}
				#footer .date-container li {
					border: none;
					margin: 0; padding: 0;
					text-align: right;
				}
				/* ES Date Container */
					#footer .es-date-container {
					border: none;
					margin: 0; padding: 0;
					position: relative;
					top: -12px;
					left: 207px;
					width: 200px;
				}
				#footer .es-date-container li {
					border: none;
					margin: 0; padding: 0;
					text-align: right;
				}
				#footer span.convention-tag {
					color: #FFF;
					font: 13px/normal helvetica, arial, sans-serif;
					font-weight: bold;
					line-height: 10px;
					padding: 0 0 0 5px;
				}
					#footer span.es-convention-tag {
					color: #FFF;
					font: 13px/normal helvetica, arial, sans-serif;
					font-weight: bold;
					line-height: 10px;
					padding: 0 0 0 34px;
				}
				#footer span.convention-date {
					color: #DDF27F;
					display: block;
					font: 22px/normal helvetica, arial, sans-serif;
					font-weight: bold;
					padding-top: 2px;
					padding-right: 6px;
				}
				#footer .date-container li a {
					display: block;
				}
				#footer .date-container li.footer-events {
					clear: both;
					margin-left: 61px;
					padding: 20px 0 0 0;
				}
				#footer .date-container li.footer-events a {
					padding: 3px;
					background-color: #6C0D62;
				}
				/* ES Date Container 2 */	
				#footer .es-date-container li a {
					display: block;
				}
				#footer .es-date-container li.footer-events {
					clear: both;
					margin-left: 64px;
					padding: 20px 0 0 0;
				}
				#footer .es-date-container li.footer-events a {
					padding: 3px;
					background-color: #6C0D62;
				}
		/* == Agenda == */	
				.agenda-time {
					margin: 0; padding: 0;
				}
				.agenda-time li {
					list-style-type: none;
					margin: 0; padding: 2px 0 0 20px;
					overflow: hidden;
				}
				.agenda-time li span {
					display: inline;
					float: left;
					padding: 4px 0;
					width: 120px;
				}
				.agenda-time li span.agenda-time-right {
					display: inline;
					font-style: italic;
					text-align: left;
					padding-left: 25px;
				}
				img.content-main-img {
					margin: 45px 0 0 20px;
				}
				table.convention-agenda {
					border: 1px solid #999;
					margin-top: 10px;
				}
				table.convention-agenda tr {
				}
				table.convention-agenda td {
					border: 1px solid #CCC;
					padding: 8px;
				}
					table.convention-agenda td.time {
						width: 130px;
					}
				table.convention-agenda th {
					background-color: #6F2667;
					padding: 8px;
					color: #FFF;
					font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
					text-align: center;
				}
				table.convention-agenda th.agenda-hdr-workshops {
					background-color: #E9EB9C;
					color: #333;
				}
				table.convention-agenda tr.alt-row {
					background-color: #F4F4F4;
				}
				table.convention-agenda tr.alt-row-bold {
					background-color: #CAD24F;
				}
				a.agenda-download {
					display: block;
					padding: 10px 0 10px 0;
				}

		/* == Speakers == */		
				.speaker-container, .why-attend-container {
					margin: 0; padding: 15px 0 0 0;
					overflow: hidden;
				}
				.speaker-container img, .why-attend-container img {
					float: left;
					margin: 10px 15px 0 0;
				}
				.speaker-container-content, .why-attend-container-content {
					float: left;
					margin: 11px 0 0 0; padding: 0;
					width: 337px;
				}
				.why-attend-container-content {
					width: 675px;
				}
				.speaker-container h3 {
					color: #92925F;
					font-size: 20px;
					margin: 0; padding: 0;
				}
				.speaker-container h4 {
					color: #CCC;
					font-size: 14px;
					margin: 4px 0 0 0; padding: 0;
				}
				.speaker-video {
					float: left;
					margin: 0 0 0 15px; padding: 0;
					width: 320px;
				}
				#content .speaker-video h2 {
					background: transparent url(/assets/images/bullet-stars.gif) no-repeat top left;
					color: #7A787A;
					font: 17px/normal helvetica, arial, sans-serif;
					font-weight: bold;
					margin: 0 0 0 25px;
					padding: 5px 0 15px 60px;
				}
				div.workshops-mini {
					float: left;
					overflow: hidden;
				}
					div.mini {
						float: left;
						margin: 20px 25px 30px 0;
						width: 260px; 
					}
				div.mini h3 {
					color: #92925F;
					font-size: 14px;
					font-weight: bold;
					margin: 0; padding: 0;
				}
				div.mini h4 {
					border-bottom: 2px solid #E9EB9C;
					color: #999;
					font-size: 11px;
					font-style: italic;
					font-weight: bold;
					margin: 4px 0 0 0; padding: 0 0 10px 0;
				}
					#content div.mini p {
						line-height: 18px;
					}
					#content div.mini p.small {
						font-size: 11px;
						font-weight: italic;
						color: #8D6063;
						line-height: 13px;
					}
		/* == Travel Info == */		
				#content div.convention-map-info {
					margin: 0 0 20px 0; padding: 0;
					overflow: hidden;
				}
				#content div.convention-map-info img {
					float: left;
				}
				#content div.convention-map-info p {
					background: transparent url(/assets/images/img_pdf-icon.gif) no-repeat top left;
					color: #712A59;
					font-weight: bold;
					float:left;
					width: 120px;
					margin-top: 60px;
					margin-left: 10px;
					padding-left: 45px;
					line-height: 16px;
				}	

		/* == Scentsy Success == */
				img.pj-party {
					float: left;
					margin: 0; padding: 10px 15px 0 0;
				}						
				div.excited-to-announce-info {
					margin: 0; padding: 15px 0 0 0;
				}
					div.excited-to-announce-info h3 {
						color: #C90B8D;
						font-size: 13px;
						font-weight: bold;
						padding-bottom: 15px;
					}
						div.excited-to-announce-info ul {
							margin: 0 0 0 15px; padding: 0;
						}
							div.excited-to-announce-info li {
								list-style-type: circle;
								margin-left: 210px;
								
							}
							#content p.pj-details {
								color: #730C5F;
								font-size: 14px;
								font-weight: bold;
							}
				div.store-hours {
					margin: 20px 0 0 0; padding: 0 0 20px 0;
					border: 2px solid #D2D87A;
					overflow: hidden;
				}
					div.store-hours h5 {
						background-color: #662D91;
						color: #FFF;
						padding: 10px;
						text-transform: uppercase;
						text-align: center;
						font-weight: bold;
						font-size: 13px;
					}
					div.store-hours h4 {
						font-size: 16px;
						font-weight: bold; 
						text-decoration: underline;
						text-transform: uppercase;
						text-align: center;
						color: #692157;
						padding-top: 10px;
					}			
					div.store-hours ul {
						float: left;
						margin: 10px 0 0 20px; padding: 0;
						width: 60%;
					}
						div.store-hours ul.right {
							margin-left: 0;
							width: 30%;
						}
						div.store-hours li {
							color: #692157;
							list-style-type: none;
							margin: 0; padding: 0 0 5px 0;
						}
							div.store-hours li.day {
								text-transform: uppercase;
								text-decoration: underline;
							}
		
		/* == Registration == */	
				.req {
					color: red;
					padding-left: 10px;
				}		
				div.registration-form {
					margin: 5px 0 30px 0;
					background-color: #D2D87A;
					padding: 35px;
				}
				div.registration-form div {
					margin: 20px 0 0 0;
				}
				div.registration-form input {
					border: 1px solid #CCC;
					font-size: 17px;
					height: 31px;
					width: 291px;
				}
				td.column input {
                                        margin-top: -17px;
                                        margin-bottom: 15px;
				}
				div.registration-form label {
					color: #7A3F5D;
					display: block;
					font: 16px/normal helvetica, arial, sans-serif;
					font-weight: bold;
					margin: 0; padding: 0;
					padding-bottom: 2px;
					text-transform: uppercase;
				}
				
				div.registration-form input.submit, input#submit_button {
					background-color: #7A3F5D;
					border: 1px solid #925269;
					color: #FFF;
					font-weight: bold;
					margin-top: 15px;
					width: 96px;
					height: 30px;
					cursor: pointer;
					text-transform: uppercase;
				}
				div.registration-form input.submit:hover {
					background-color: #98596C;
				}
				#content p.registration-price {
					font-size: 16px;
					font-weight: bold;
				}
				span.price-total {
					color: #8E6163;
					display: block;
					margin: 15px 0 20px 0; padding: 6px 4px 4px 6px;
    					font: 19px/normal helvetica, arial, sans-serif;
				    	font-weight: bold;
    					text-transform: uppercase;
				}

	/* /* == Registration Form == */	
				div#content span.title {
					background-color: #D2D87A;
					color: #8E6163;
					display: block;
					margin: 15px 0 20px 0; padding: 6px 4px 4px 6px;
    					font: 16px/normal helvetica, arial, sans-serif;
				    	font-weight: bold;
    					text-transform: uppercase;
				}
				td.radio {
					float: left;
					padding: 5px;
                                        width: 15px;
					color: #4C4C4C;
					display: block;
					font-weight: normal;
					margin: 0; padding: 0;
					padding-bottom: 2px;
				}
		

/* DVD Order Page */

div.dvd-order-left-col {
	width: 480px;
	float: left;
}
div.dvd-order-right-col {
	float: left;
	width: 250px;
	margin-left: 25px;
}

div.qty-form {
	margin: 0; padding: 0;
	overflow: hidden;
}

div.qty-form ul {
	margin: 0; padding: 0;
}
div.qty-form li {
	list-style-type: none;
	margin: 10px 0 10px 0px;
	padding: 0;
	margin-left: 0;
}

#content h3.star, div.dvd-order-right-col li {
	list-style-type: none;
	margin: 0 0 15px 0; padding: 0;
}

#content h3.star, div.dvd-order-right-col li h3  {
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	font: 14px/normal helvetica, arial, sans-serif;
	font-weight: bold;
	margin: 0px 0 5px 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
    }

form#thankYouForm {
	float: left;
}





























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */