/**********************************************************************************************

    Archer Communications
    Title    : Uncle Wally's Muffins
    Author   : Ryan Fortin
    Date    : October 2009

***********************************************************************************************

    1. BASE
            1.1 Reset
            1.2 Accessibility Navigation & Hide
            1.3 Clearfix
            1.4 Default Styles

    2. LAYOUT
            2.1 Structure
            2.2 Header
            2.3 Content
            2.4 Footer
            2.5 Cufon Font Weights

***********************************************************************************************/


/*     1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


  /*     1.1 Reset
  --------------------------------------------------------------------------------------------*/

    html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
    q { quotes: none; }
    q:before, q:after { content: ""; content: none; }
    a, ins, del { text-decoration: none; }
    table { border-collapse: collapse; border-spacing: 0; }
    th, td { vertical-align: top; }
    th { text-align: left; }


  /*     1.2 Accessibility Navigation & Hide
  ---------------------------------------------------------------------------------------------*/

    ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


  /*     1.3 Clearfix
  ---------------------------------------------------------------------------------------------*/

    .clearfix:after,
    #content:after,
    #intro:after,
    #content .label-partners:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


  /*     1.4 Default Styles
  ---------------------------------------------------------------------------------------------*/

    body { font: 62.5%/1.3 "Helvetica", "Arial", sans-serif; text-align: center; color: #7a7a7c; background: #fcecca url(_ui/images/bg-body.png) repeat-x; }
    hr { display: none; }
    strong { font-weight: bold; }
    em { font-style: italic; }
    del { text-decoration: line-through; }
    th { font-weight: normal; }
    address, cite, dfn { font-style: normal; }
    li { list-style: none; }
    abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
    input, textarea, select { font-family: "Helvetica", "Arial", sans-serif; }
    #content a { color: #392ba4; text-decoration: none; cursor: pointer; }
    #content a:hover, #content a:active { color: #fbb030; }
    
    #content h1 {  }
    #content h2 {  }
    #content h3 { padding: 0 0 0 0px; font-size: 2em; text-transform: uppercase; color: #0053a0; font-weight: normal; }
    #content p {  }


	
	
/*     2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


  /*     2.1 Structure
  ---------------------------------------------------------------------------------------------*/

    .container { width: 1024px; margin: 0 auto; text-align: left; background: #fff; overflow: hidden; }
    #header { height: 287px; background: url(_ui/images/bg-header.jpg) no-repeat; position: relative; z-index: 80; }


  /*     2.2 Header
  ---------------------------------------------------------------------------------------------*/
  
    /* Logo */
  
    #header h1,
    #header h1 span { width: 360px; height: 236px; display: block; position: absolute; left: 0; top: 0; overflow: hidden; }
    #header h1 span { background: url(_ui/images/Unclewallylogo.png) no-repeat; z-index: 10; }
    #header h1 a span { cursor: pointer; }
    
    /* Tag Line */
    
    #header .tagline,
    #header .tagline span { width: 470px; height: 100px; position: absolute; display: block; left: 521px; top: 67px; overflow: hidden; }
    #header .tagline span { background: url(_ui/images/txt-tagline.png) no-repeat; left: 0; top: 0; z-index: 10; }
    
	#header #social-media-links {
		position:absolute;
/*		left:520px;*/
/*		top:14px;*/
		left:830px;
		top:190px;
	}
	
	#header #social-media-links a {
		margin-right:10px;
	}
	
	#header #social-media-links a img {
		width:22px;
	}
	
    /* Search Form */
    
    #header .search { position: absolute; left: 611px; top: 20px; height: 37px; width: 220px; padding: 0 0 0 18px; background: url(_ui/images/ico-search.png) no-repeat 0 2px; }
    #header .search label { display: none; }
    #header .search fieldset { float: left; }
    #header .search .textbox { float: left; }
    #header .search .textbox input#q { background-color: #ececed; border: none; width: 158px; height: 14px; padding: 3px 5px 1px; color: #a8a8a9; font-size: 1.2em; }
    #header .search .textbox input { background-color: white; border: none; height: 18px;  color: #a8a8a9; font-size: 1.2em; }
    #header .search .button input { color: #a8a8a9; background-color: transparent; border: none; font-size: 1.2em; text-transform: uppercase; height: 17px; line-height: 17px; padding: 0 2px; cursor: pointer; }
    #header .search .button input.hover,
    #header .search .button input:hover { color: #fbb030; }
    
    #header .login-link { position: absolute; left: 825px; top: 20px; height: 37px; background: url(_ui/images/bg-search-divider.png) no-repeat 10px 5px; padding: 2px 0 0 20px; text-transform: uppercase; font-size: 1.2em; }
    #header .login-link a { color: #a8a8a9; }
    #header .login-link a:hover { color: #392ba4; }
    
    /* Breadcrumbs */
    
    #header .breadcrumbs { position: absolute; top: 220px; right: 90px; height: 16px; padding-right: 12px; line-height: 16px; font-size: 1.1em; color: #999; text-transform: capitalize;}
    #header .breadcrumbs li { float: left; padding-left: 12px; background: url(_ui/images/bg-breadcrumbs-divider.png) no-repeat 5px 50%; }
    #header .breadcrumbs li.first-child,
    #header .breadcrumbs li:first-child { background: none; }
    #header .breadcrumbs li a { display: block; float: left; color: #c6c7c8; }
    #header .breadcrumbs li a:hover { color: #392ba4; }

    #header .breadcrumbs a { color: #c6c7c8; }
    #header .breadcrumbs a:hover { color: #999; }
    
    /* Navigation */
    
    #navigation { position: relative; top: 236px; left: 0; padding: 18px 0 18px 30px; width: 100%; text-transform: uppercase; font-size: 1.3em; }
    #navigation li { float: left; position: relative; z-index: 100; padding-right:10px;}
    #navigation li a { display: block; float: left; color: #0053a0; padding: 0 20px 0 25px; }
    #navigation li:hover a,
    #navigation li a:hover { color: #fbb030; }
    #navigation li ul { position: absolute; left: -999em; width: 120px; z-index: 100; background: url(_ui/images/bg-dropdown.png); padding: 8px; font-size: .9em; clear: both; }
    #navigation li:hover ul,
    #navigation li.hover ul { left: 16px; top: 16px; }
    #navigation li ul li { float: none; text-transform: none; padding:5px 2px; }
    #navigation li ul li a { float: none; padding: 0; line-height: 16px; color: #0b51af; }
    #navigation li:hover ul li a { color: #0b51af; }
    #navigation li ul li a:hover { color: #fbb030; }
  
    
  /*     2.3 Content
  ---------------------------------------------------------------------------------------------*/
  
    #content { padding: 0 63px 0 53px; z-index: 1; }
    #content .highlights { width: 586px; float: right; padding-top: 4px; }
    
    /* Intro */
    
    #intro { background: #eed9ab url(_ui/images/bg-intro.png) repeat-x; position: relative; }
    
    #intro .image { float: left; width: 311px; }
    #intro .content { float: left; width: 360px; padding-top: 28px; }
    #intro .products { float: left; width: 218px; margin-left:-10px; background: #f5ead0 url(_ui/images/bg-products.png) repeat-x; }
  
    #intro .image img { display: block; }

	#slideshow {
		position:relative;
/*		float:right;*/
		height:330px;
		width:311px;
/*		top:35px;*/
		top:0;
		right:0;
	}

	#slideshow img {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}

	#slideshow img.active {
		z-index:10;
		opacity:1.0;
	}

	#slideshow img.last-active {
		z-index:9;
	}


    
    #intro .content h2,
    #intro .content h2 span { display: block; width: 265px; height: 45px; overflow: hidden; position: relative; }
    #intro .content h2 span { position: absolute; left: 0; top: 0; background: url(_ui/images/txt-fresh-baked-flavour.jpg) no-repeat; z-index: 10; }
    #intro .content h3 { padding: 0 0 0 35px; font-size: 2em; text-transform: uppercase; color: #0053a0; font-weight: normal; }
    #intro .content p { padding: 20px 35px; font-size: 1.4em; line-height: 2.4; color: #392ba4; }
    
    #intro .products h3 { color: #41378f; font-size: 1.7em; text-transform: uppercase; text-align: center; padding: 18px 0 3px; font-weight: normal; }
/*    #intro .products ul { padding: 0 20px; font-size: 1.4em; line-height: 2.45em; }*/
    #intro .products ul { padding: 0 20px; font-size: 1.3em; line-height: 2.4em; }
    #intro .products ul li { background: url(_ui/images/bg-product-item.png) no-repeat 0 50%;}
    #intro .products ul li a { display: block; color: #b18b53; padding-left: 25px; }
    #intro .products ul li a:hover { color: #392ba4; }
    
    /* News */
    
    #content .news { float: left; width: 300px; padding: 18px 0 0 5px; }
    #content .news h3 { font-size: 2em; color: #41378f; margin-bottom: 1px; text-transform: uppercase; font-weight: normal; }
    #content .news ul li { padding: 10px 0 15px; }
    #content .news ul li h4 { color: #0053a0; font-size: 1.2em; font-weight: normal; margin-bottom: 2px; }
    #content .news ul li h5 { color: #b88325; font-size: 1.2em; font-weight: normal; text-transform: uppercase; margin-bottom: 3px; }
    #content .news ul li p { font-size: 1.2em; line-height: 1.5; }
    
    /* Where To Buy */
    
    #content .where-to-buy { margin-bottom: 12px; padding-top:18px;}
    #content .where-to-buy a { display: block; height: 112px; background: url(_ui/images/bg-where-to-buy.jpg) no-repeat; line-height: 1; }
    #content .where-to-buy a:hover { background-position: 0 -112px; }
    #content .where-to-buy a em { display: block; padding: 55px 0 0 7px; color: #0053a0; font-style: normal; font-weight: bold; font-size: 2.8em; text-transform: uppercase; letter-spacing: 2px; }
    #content .where-to-buy a strong { color: #947444; font-size: 1.6em; font-weight: normal; display: block; padding-left: 7px; }
    #content .where-to-buy h3 { text-transform: uppercase; font-size: 1.5em; font-weight: bold; color: #0053a0; letter-spacing: 1px; margin-bottom:0; }
    #content .where-to-buy h3 em {font-style:italic;}
	#content .where-to-buy form {
		background:#c8e0f0 url('/images/muffin_signup.png') no-repeat;
	}

    /* Private Baking */
    
    #content .private-baking { float: left; width: 260px; height: 266px; padding: 7px 12px 0; background: #f2c870 url(_ui/images/bg-private-baking.jpg) no-repeat; }
    #content .private-baking h3 { text-transform: uppercase; font-size: 1.5em; font-weight: bold; color: #392ba4; letter-spacing: 1px; margin-bottom: 7px; }
    #content .private-baking p { font-size: 1.2em; line-height: 2.2; padding-right: 10px; }
    
    /* Watch Videos */
    
    #content .watch-videos { width: 259px; height: 149px; padding: 7px 12px 0; background: #f9e3b7 url(_ui/images/bg-watch-videos.jpg) no-repeat; float: right; margin-bottom: 20px; }
    #content .watch-videos h3 { text-transform: uppercase; font-size: 1.5em; font-weight: bold; color: #0053a0; letter-spacing: 1px; margin-bottom: 7px; }
    #content .watch-videos p { font-size: 1.2em; line-height: 2.2; text-align: right; }
    
    /* Label Partners */
    
    #content .label-partners { background-color: #d5d5d6; width: 259px; height: 82px; padding: 7px 12px; float: right; }
    #content .label-partners h3 { text-transform: uppercase; font-size: 1.2em; font-weight: bold; color: #7a7a7c; letter-spacing: 1px; margin-bottom: 2px; }
    #content .label-partners ul li.fiber-one,
    #content .label-partners ul li.betty-crocker { float: left; }
    #content .label-partners ul li.fiber-one { margin-right: 17px; }
    
    #content .label-partners ul li a,
    #content .label-partners ul li a span { display: block; width: 121px; height: 64px; position: relative; overflow: hidden; }
    #content .label-partners ul li a span { background: url(_ui/images/logo-fiber-one.png) no-repeat; z-index: 10; position: absolute; left: 0; top: 0; }
    #content .label-partners ul li a:hover span { background-position: 0 -64px; }
    #content .label-partners ul li.betty-crocker a span { background-image: url(_ui/images/logo-betty-crocker.png); }
    
    /* Bottom Content */
	#content .bottomContent { float:left; width: 909px;}
    #content .bottom-left { clear: both; padding-top: 17px; width: 548px; float:left; position:relative;}
    #content .bottom-left h2 { background-color: #f5ead0; color: #392ba4; font-size: 2em; text-transform: uppercase; padding: 5px 7px 2px; line-height: 1; margin-bottom: 15px; }
    #content .bottom-left .image { width: 195px; float: left; position: relative; left: -5px; }
    #content .bottom-left .image img { display: block; }
    #content .bottom-left .column { float: left; width: 340px; }

	#content .bottom-right {padding-top: 17px; width: 351px; float: right; position:relative;}
    #content .bottom-right h2 { background-color: #f5ead0; color: #392ba4; font-size: 2em; text-transform: uppercase; padding: 5px 7px 2px; line-height: 1; margin-bottom: 15px; }
    #content .bottom-right .image { width: 108px; float: right; position: relative; }
    #content .bottom-right .image img { display: block; }
    #content .bottom-right .column { float: right; width: 340px; }
    
    #content .bottom-left h3 { font-size: 1.6em; color: #00509e; font-weight: normal; }
    #content .bottom-left p { font-size: 1.2em; line-height: 1.6; margin-bottom: 22px; }
    #content .bottom-left p strong { font-weight: bold; color: #0053a0; }
    
	#content .bottom-right h3 { font-size: 1.6em; color: #00509e; font-weight: normal; }
    #content .bottom-right p { font-size: 1.2em; line-height: 1.6; margin-bottom: 22px; }
    #content .bottom-right p strong { font-weight: bold; color: #0053a0; }

	/* Inside Content */
	#content h2 {
		font-size: 1.5em; 
		text-transform: uppercase; 
		color: #0053a0; 
		font-weight: normal; 
		letter-spacing:.4ex;
		margin-top:10px;
	}
	
	#inside-content {
		float:left;
		width:627px;
		margin-top:20px;
	}
	
	#inside-content h2 {
		text-transform:none;
		font-size:2em;
		letter-spacing: 0ex;
		margin:0px;
	}
	
	#inside-content h3 {
		text-transform:none;
		font-size:1.6em;
		margin-top:6px;
		color: #392ba4;
	}

	#inside-content h4 {
		color:#7a7a7c;
		font-size:1.35em;
		font-weight:normal;
		padding-bottom:18px;
	}
	
	#inside-content p {
		font-size:1.2em;
		line-height:18px;
		padding-bottom:18px;
	}

	#inside-content ul {
		margin-left:25px;
		padding-bottom:18px
	}
	
	#inside-content p.pdf img {
		float:left;
		padding-right:8px;
	}

	#inside-content p.pdf {
		font-size:1.1em;
		line-height:14px;
	}
	
	#inside-content ul li {
		font-size:1.2em;
		line-height:18px;
		list-style-type:disc;
		padding-bottom:3px;
	}

	#inside-content ul li ul li{
		font-size:1em;
	}
	
	#inside-content .blue {
		color: #0053A0;
		font-style:italic;
		font-weight:bold;
	}
	
	#sidebar {
		float:left;
		width:206px;
		padding:20px 20px 0px 20px;
		margin:20px 35px 0px 0;
		height:100%;
		background-color:#fff1d1;
		min-height:400px;
		
	}
	#sidefooter {
		float:left;
		margin:0px 35px 20px 0;
		width:246px;
	}

	#sidebar img {
		padding-bottom:6px;
	}
	
	#sidebar h1 {
		text-transform:none;
		letter-spacing:0ex;
		font-size:2.38em;
		font-weight:normal;
		color: #0053A0;
		margin-top:5px;
	}

	#sidebar h2 {
		text-transform:none;
		letter-spacing:0ex;
		font-size:1.7em;
		color: #392ba4;
		margin:0;
	}
	
	#sidebar h3 {
		font-size:1.32em;
		text-transform:none;
		margin-top:0;
	}
	
	#sidebar p.pdf img {
		float:left;
		padding-right:8px;
	}

	#sidebar p.pdf {
		font-size:1.1em;
	}
	
	#sidebar #slideshow {
			position:relative;
	/*		float:right;*/
			height:295px;
			width:455px;
	/*		top:35px;*/
			top:0;
			right:0;
			margin-bottom:220px;
		}
	
	#sidebar #slideshow img {
			position:absolute;
			top:0;
			left:0;
			z-index:8;
			opacity:0.0;
		}

	#sidebar #slideshow img.active {
			z-index:10;
			opacity:1.0;
		}

	#sidebar #slideshow img.last-active {
			z-index:9;
		}
	
	
	#packing {
		width:908px;
/*		margin-top:25px;*/
	}
	
	#packing img {
		width:400px;
		border-top:1px dashed #ccc;
	}
	.box-left {
		width:400px; 
		padding:20px;
		float:left; 
		clear:left;
/*		border:1px dashed #ccc;*/
		margin-bottom:25px;
	}
	
	.box-right {
		width:400px; 
		padding:20px;
		float:right; 
/*		border:1px dashed #ccc;*/
		margin-bottom:25px;
	}
	
	
    /* flavor menu */
    table#flavors {
         margin:10px 0px;
    }
    table#flavors td {
        width:220px;
        height:20px;
    }
	table#flavors td a{
		color:#7a7a7c;
	}
	table#flavors td a:hover {
		color:#0053A0;
	}
	
	
	table#flavors td a.seasonal {
		color:#B18B53;
		font-size:1.5em;
		line-height:2.7;
	}

	table#flavors td a.seasonal img {
		float:left;
	}
	
	table#flavors td span.align {
		float:left;
		display:block;
		margin-top:-5px;
		padding-left:7px;
	}

	table#flavors td a.seasonal:hover {
		color: #0053A0;
	}

	
/*	table#flavors td h3{
		display:block;
		width:300px;
	}
	*/
	
	/*product listings*/
	#content .muffin-listing {
		float:left;
		width:868px;
		padding:30px 0px;
		border-top:1px dashed #ccc;
	}
	
	#content .muffin-listing img {
		float:left;
		padding-right:22px;	
	}
	
	#content .muffin-listing h3 {
		text-transform:none;
		font-size:1.8em;
		margin-top:40px;
	}
	
	#content .muffin-description  {
		float:left;
		width:330px;
		padding-right:33px;
	}
	
	#content .muffin-description h3, #content .muffin-options h3 {
		margin-top:0px;
		margin-bottom:5px;
		font-size:1.25em;
	}
	
	#content .muffin-description p {
		font-size:1.2em;
		margin-bottom:25px;
	}

	#content .muffin-description img {
		padding-right:8px;
}

	#content .muffin-description p.pdf {
		font-size:1em;
	}
	
	#content .muffin-options {
		float:left;
		width:200px;
	}
	
	#content .muffin-options img {
		padding-right:0px;
	}
	
	#content .muffin-listing .muffin-options a {
		display:block;
		width:135px;
		height:31px;
		margin-bottom:7px;
	}
	
	#content .muffin-options li a.single {
		background-image: url(/images/products/pack_single.png);
	}
	
	#content .muffin-options li a.single:hover {
		background-image: url(/images/products/pack_single_r.png);
	}
	
	#content .muffin-options li a.three {
		background-image: url(/images/products/pack_three.png);
	}
	
	#content .muffin-options li a.three:hover {
		background-image: url(/images/products/pack_three_r.png);
	}
	
	#content .muffin-options li a.four {
		background-image: url(/images/products/pack_four.png);
	}
	
	#content .muffin-options li a.four:hover {
		background-image: url(/images/products/pack_four_r.png);
	}

	#content .muffin-options li a.twin {
		background-image: url(/images/products/pack_twin.png);
	}
	
	#content .muffin-options li a.twin:hover {
		background-image: url(/images/products/pack_twin_r.png);
	}



  /*     2.4 Footer
  ---------------------------------------------------------------------------------------------*/

    #address { clear: both; color: #0053a0; background: url(_ui/images/bg-address.png) repeat-x 0 100%; text-align: center; font-size: 1.2em; padding: 11px 0; }
    #address a,
    #address strong { color: #3a2da0; }
    #address a:hover,
    #address a:hover strong { color: #fbb030; }
    #address li { display: inline; background: url(_ui/images/bg-address-divider.png) no-repeat 0 50%; padding: 0 11px 0 13px; }
    #address li:first-child,
    #address li.first-child { background: none; }

    #footer { width: 1024px; margin: 0 auto; text-align: left; padding: 8px 0 45px; font-size: 1.1em; line-height: 21px; }
    #footer .design { float: left; padding-left: 64px; }
    #footer .copyright { float: right; padding-right: 64px; color: #a8a8a9; }
    #footer .design a.logo { color: #a8a8a9; display: inline-block; background: url(_ui/images/logo-footer.png) no-repeat; height: 21px; line-height: 21px; padding-left: 25px; margin-left: 2px; }
    #footer .design a.logo:hover { background-position: 0 -21px; color: #d91331; }
  
/*     WHERE TO BUY PAGE - INTERACTIVE MAP
  ---------------------------------------------------------------------------------------------*/
	#usInfo div {
		display:none;
		padding-top:30px;
	}

	#usInfo .show {
	display:block;
	float:left;
	margin:0;
	padding-top:5px;	
	}
	
	#usInfo h2 {
		color: #0053a0;
		text-transform:uppercase;
	}
	
	#usInfo .show ul {
		margin-left:12px;
	}
	#usInfo .show ul li {
		list-style-type:disc;
		font-size:1.1em;
		padding:3px 0;
	}
    
  /*     2.5 Cufon Font Weights
  ---------------------------------------------------------------------------------------------*/
  

	.cufon #intro .content h3,
    .cufon #intro .products h3,
    .cufon #content .where-to-buy a em,
    .cufon #content .news h3,
    .cufon #content .bottom h2,
    .cufon #content .bottom h3 { font-weight: 300; }
    
    .cufon #content .private-baking h3,
    .cufon #content .watch-videos h3,
    .cufon #content .label-partners h3 { font-weight: 400; }








	/***************** CONTACT FORM from here down *****************/
	form#contact
	{
		margin:0 20px 0 0;
		padding:0 0 20px;
		width:300px;
	}

	.appnitro
	{
		font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
		font-size:small;
	}

	.appnitro li
	{
		width:61%;
	}

	form#contact ul
	{
		font-size:100%;
		list-style-type:none;
		margin:0;
		padding:0;
		width:100%;
	}

	form#contact li
	{
		display:block;
		margin:0;
		padding:4px 5px 2px 9px;
		position:relative;
	}

	form#contact li:after
	{
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}

	.buttons:after
	{
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}

	.buttons
	{
		clear:both;
		display:block;
		margin-top:10px;
	}

	* html form#contact li
	{
		height:1%;
	}

	* html .buttons
	{
		height:1%;
	}

	* html form#contact li div
	{
		display:inline-block;
	}

	form#contact li div
	{
		color:#444;
		margin:0 4px 0 0;
		padding:0 0 8px;
	}

	form#contactli span
	{
		color:#444;
		float:left;
		margin:0 4px 0 0;
		padding:0 0 8px;
	}

	form#contact li div.left
	{
		display:inline;
		float:left;
		width:48%;
	}

	form#contact li div.right
	{
		display:inline;
		float:right;
		width:48%;
	}

	form#contact li div.left .medium
	{
		width:100%;
	}

	form#contact li div.right .medium
	{
		width:100%;
	}

	.clear
	{
		clear:both;
	}

	form#contact li div label
	{
		clear:both;
		color:#444;
		display:block;
		font-size:9px;
		line-height:9px;
		margin:0;
		padding-top:3px;
	}

	form#contact li span label
	{
		clear:both;
		color:#444;
		display:block;
		font-size:9px;
		line-height:9px;
		margin:0;
		padding-top:3px;
	}

	form#contact li .datepicker
	{
		cursor:pointer !important;
		float:left;
		height:16px;
		margin:.1em 5px 0 0;
		padding:0;
		width:16px;
	}

	.form_description
	{
		border-bottom:1px dotted #ccc;
		clear:both;
		display:inline-block;
		margin:0 0 1em;
	}

	.form_description[class]
	{
		display:block;
	}

	.form_description h2
	{
		clear:left;
		font-size:160%;
		font-weight:400;
		margin:0 0 3px;
	}

	.form_description p
	{
		font-size:95%;
		line-height:130%;
		margin:0 0 12px;
	}

	form#contact hr
	{
		display:none;
	}

	form#contact li.section_break
	{
		border-top:1px dotted #ccc;
		margin-top:9px;
		padding-bottom:0;
		padding-left:9px;
		padding-top:13px;
		width:97% !important;
	}

	form#contact ul li.first
	{
		border-top:none !important;
		margin-top:0 !important;
		padding-top:0 !important;
	}

	form#contact .section_break h3
	{
		font-size:110%;
		font-weight:400;
		line-height:130%;
		margin:0 0 2px;
	}

	form#contact .section_break p
	{
		font-size:85%;

		margin:0 0 10px;
	}

	/**** Buttons ****/
	input.button_text
	{
		overflow:visible;
		padding:0 7px;
		width:auto;
	}

	.buttons input
	{
		font-size:100%;
		margin-right:5px;
	}

	/**** Inputs and Labels ****/
	#survey {
		margin-left:25px;
		line-height:20px;
	}
	
	
	label.description
	{
		border:none;
		color:#222;
		display:block;
		font-size:95%;
		font-weight:700;
		line-height:150%;
		padding:0 0 1px;
		margin-top:10px;
	}

	span.symbol
	{
		font-size:115%;
		line-height:130%;
	}

	input.text
	{
		background:#fff url(../../../images/shadow.gif) repeat-x top;
		border:1px solid #c3c3c3;
/*		border-bottom:1px solid #ddd;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-top:1px solid #7c7c7c;*/
		color:#333;
		font-size:100%;
		margin:0;
		padding:4px 0;
	}

	input.file
	{
		color:#333;
		font-size:100%;
		margin:0;
		padding:2px 0;
	}

	textarea.textarea
	{
		background:#fff url(../../../images/shadow.gif) repeat-x top;
		border:1px solid #c3c3c3;
/*		border-bottom:1px solid #ddd;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-top:1px solid #7c7c7c;*/
		color:#333;
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:100%;
		margin:0;
		padding:3px;
/*		width:99%;*/
	}

	select.select
	{
		color:#333;
		font-size:100%;
		margin:1px 0;
		padding:1px 0 10px;
		background:#fff url(../../../images/shadow.gif) repeat-x top;
		border:1px solid #c3c3c3;
/*		border-bottom:1px solid #ddd;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-top:1px solid #7c7c7c;*/
	}

	input.currency
	{
		text-align:right;
	}

	form#contact input.checkbox
	{
		display:block;
		height:13px;
		line-height:1.4em;
		margin:6px 0 0 3px;
		width:13px;
	}

	input.radio
	{
		display:block;
		height:13px;
		line-height:1.4em;
		margin:6px 0 0 3px;
		width:13px;
	}

	form#contact label.choice
	{
		color:#444;
		display:block;
		font-size:100%;
		line-height:1.4em;
		margin:-1.4em 0 0 25px;
		padding:4px 0 5px;
		width:90%;
	}

	select.select[class]
	{
		margin:0;
		padding:3px 0;
	}

	*:first-child+html select.select[class]
	{
		margin:1px 0;
	}

	.safari select.select
	{
		font-size:120% !important;
		margin-bottom:1px;
	}

	input.small
	{
		width:25%;
	}

	select.small
	{
		width:25%;
	}

	input.medium
	{
		width:50%;
	}

	select.medium
	{
		width:50%;
	}

	input.large
	{
		width:99%;
	}

	select.large
	{
		width:100%;
	}

	textarea.small
	{
		height:5.5em;
	}

	textarea.medium
	{
		height:10em;
	}

	textarea.large
	{
		height:20em;
	}
	
	input.submit {
		background-color:#ddd;
		border:1px solid #C3C3C3;
		font-size:95%;
		font-weight:700;
		height:30px;
		margin:0;
		width:55px;
	}
	
	input.submit:hover {
		background-color:#eee;
	}

	

	/**** Errors ****/
	#error_message
	{
		background:#fff;
		border:1px dotted red;
		margin-bottom:1em;
		padding-left:0;
		padding-right:0;
		padding-top:4px;
		text-align:center;
		width:99%;
	}

	#error_message_title
	{
		color:#DF0000;
		font-size:125%;
		margin:7px 0 5px;
		padding:0;
	}

	#error_message_desc
	{
		color:#000;
		font-size:100%;
		margin:0 0 .8em;
	}

	#error_message_desc strong
	{
		background-color:#FFDFDF;
		color:red;
		padding:2px 3px;
	}

	form#contact li.error
	{
		background-color:#FFDFDF !important;
		border-bottom:1px solid #EACBCC;
		border-right:1px solid #EACBCC;
		margin:3px 0;
	}

	form#contact li.error label
	{
		color:#DF0000 !important;
	}

	form#contact p.error
	{
		clear:both;
		color:red;
		font-size:10px;
		font-weight:700;
		margin:0 0 5px;
	}

	form#contact .required
	{
		color:red;
		float:none;
		font-weight:700;
	}

	/**** Guidelines and Error Highlight ****/
	form#contact li.highlighted
	{
		background-color:#fff7c0;
	}

	form#contact .guidelines
	{
		background:#f5f5f5;
		border:1px solid #e6e6e6;
		color:#444;
		font-size:80%;
		left:100%;
		line-height:130%;
		margin:0 0 0 8px;
		padding:8px 10px 9px;
		position:absolute;
		top:0;
		visibility:hidden;
		width:42%;
		z-index:1000;
	}

	form#contact .guidelines small
	{
		font-size:105%;
	}

	form#contact li.highlighted .guidelines
	{
		visibility:visible;
	}

	form#contact li:hover .guidelines
	{
		visibility:visible;
	}

	.no_guidelines .guidelines
	{
		display:none !important;
	}

	.no_guidelines form li
	{
		width:97%;
	}

	.no_guidelines li.section
	{
		padding-left:9px;
	}

	/*** Success Message ****/
	.form_success 
	{
		clear: both;
		margin: 0;
		padding: 90px 0pt 100px;
		text-align: center
	}

	.form_success h2 {
	    clear:left;
	    font-size:160%;
	    font-weight:normal;
	    margin:0pt 0pt 3px;
	}

	/*** Password ****/
	ul.password{
	    margin-top:60px;
	    margin-bottom: 60px;
	    text-align: center;
	}
	.password h2{
	    color:#DF0000;
	    font-weight:bold;
	    margin:0pt auto 10px;
	}

	.password input.text {
	   font-size:170% !important;
	   width:380px;
	   text-align: center;
	}
	.password label{
	   display:block;
	   font-size:120% !important;
	   padding-top:10px;
	   font-weight:bold;
	}

	#li_captcha{
	   padding-left: 5px;
	}


	#li_captcha span{
		float:none;
	}

	/** Embedded Form **/

	.embed #form_container{
		border: none;
	}

	.embed #top, .embed #bottom, .embed h1{
		display: none;
	}

	.embed #form_container{
		width: 100%;
	}

	.embed #footer{
		text-align: left;
		padding-left: 10px;
		width: 99%;
	}

	.embed #footer.success{
		text-align: center;
	}

	.embed form.appnitro
	{
		margin:0px 0px 0;

	}



	/*** Calendar **********************/
	div.calendar { position: relative; }

	.calendar table {
	cursor:pointer;
	border:1px solid #ccc;
	font-size: 11px;
	color: #000;
	background: #fff;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	}

	.calendar .button { 
	text-align: center;    
	padding: 2px;          
	}

	.calendar .nav {
	background:#f5f5f5;
	}

	.calendar thead .title { 
	font-weight: bold;      
	text-align: center;
	background: #dedede;
	color: #000;
	padding: 2px 0 3px 0;
	}

	.calendar thead .headrow { 
	background: #f5f5f5;
	color: #444;
	font-weight:bold;
	}

	.calendar thead .daynames { 
	background: #fff;
	color:#333;
	font-weight:bold;
	}

	.calendar thead .name { 
	border-bottom: 1px dotted #ccc;
	padding: 2px;
	text-align: center;
	color: #000;
	}

	.calendar thead .weekend { 
	color: #666;
	}

	.calendar thead .hilite { 
	background-color: #444;
	color: #fff;
	padding: 1px;
	}

	.calendar thead .active { 
	background-color: #d12f19;
	color:#fff;
	padding: 2px 0px 0px 2px;
	}


	.calendar tbody .day { 
	width:1.8em;
	color: #222;
	text-align: right;
	padding: 2px 2px 2px 2px;
	}
	.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
	}
	.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
	}

	.calendar table .wn {
	padding: 2px 2px 2px 2px;
	border-right: 1px solid #000;
	background: #666;
	}

	.calendar tbody .rowhilite td {
	background: #FFF1AF;
	}

	.calendar tbody .rowhilite td.wn {
	background: #FFF1AF;
	}

	.calendar tbody td.hilite { 
	padding: 1px 1px 1px 1px;
	background:#444 !important;
	color:#fff !important;
	}

	.calendar tbody td.active { 
	color:#fff;
	background: #529214 !important;
	padding: 2px 2px 0px 2px;
	}

	.calendar tbody td.selected { 
	font-weight: bold;
	border: 1px solid #888;
	padding: 1px 1px 1px 1px;
	background: #f5f5f5 !important;
	color: #222 !important;
	}

	.calendar tbody td.weekend { 
	color: #666;
	}

	.calendar tbody td.today { 
	font-weight: bold;
	color: #529214;
	background:#D9EFC2;
	}

	.calendar tbody .disabled { color: #999; }

	.calendar tbody .emptycell { 
	visibility: hidden;
	}

	.calendar tbody .emptyrow { 
	display: none;
	}

	.calendar tfoot .footrow { 
	text-align: center;
	background: #556;
	color: #fff;
	}

	.calendar tfoot .ttip { 
	background: #222;
	color: #fff;
	font-size:10px;
	border-top: 1px solid #dedede;
	padding: 3px;
	}

	.calendar tfoot .hilite { 
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
	}

	.calendar tfoot .active { 
	background: #77c;
	padding: 2px 0px 0px 2px;
	}

	.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #222;
	font-size: 90%;
	z-index: 100;
	}

	.calendar .combo .label,
	.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
	}

	.calendar .combo .label-IEfix {
	width: 4em;
	}

	.calendar .combo .hilite {
	background: #444;
	color:#fff;
	}

	.calendar .combo .active {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #dedede;
	font-weight: bold;
	}

         
	#header-pointer {
	  height:66px;
	  width:200px;
	  position:absolute;
	  background:url('/images/New_Online_Icon.png');     
	  left:785px;             
	  top:145px;
	}