﻿
/*  ======================== Browser Normalization ======================== */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
	ul,li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	legend{color:#000;} 


/*  ======================== GLOBAL ======================== */

	body
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		background-color:#313847;
		text-align:center; /* to center the container in ie5.5 and below */
	}
	
	/* used for the "page used for" text */
	h2
	{
		font-size:12px;
		font-weight:bold;
		margin:20px 0px;
		font-style:italic;
		color:#45526e;
		line-height:18px;
	}
	
	/* used on login page */
	h3
	{
		font-size:14px;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	p
	{
		line-height:18px;
	}
	em
	{
		font-style:normal;
		color:#000000;
		font-weight:bold;
		font-family:Tahoma;
	}


	#container
	{
		width:980px;
		margin:10px auto;
		text-align:left; /* to cancel the text-align:center of the body rule used for ie5.5 */
	}
	
	.normal-link
	{
		color:#4866bb;
	}
	
	.normal-link:hover { color:#2f60eb; }

	.normal-text-box, .normal-drop-down, .ExcludeMe
	{
		width:250px; 
		padding:4px 1px 2px 6px;
		height:18px;
		line-height:17px;
		color:#666;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		background-color:#FAFAFA; 
		border:1px solid #DDD; 
	}	

	.normal-text-area
	{
		font-family: Arial, Helvetica, sans-serif;
		display:block;
		width:98%; 
		padding:4px 1px 1px 6px;
		color:#669 ! important; 
		font-weight:bold ! important;
		font-size:12px ! important; 
		margin:0px 0px 5px 0px; 
		background-color:#FAFAFA ! important; 
		border:1px solid #DDD ! important; 
	}

	.normal-drop-down
	{
		height:23px ! important;
		width:257px ! important;
	}
	
	.normal-txt
	{
		width:140px;
	}
	
	.normal-ddl
	{
		width:145px;
	}
	
	.normal-button
	{
		font-size: 12px;	
		font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
	.table-section-header
	{
		height:30px ! important;
	}
	.table-section-header td
	{
		padding-left:10px;
		background-color:#f3f3f3;
		border:2px solid #eee;
		color:#888;
		font-family:'Arial Black', Gadget, sans-serif;
	}
	
	.normal-input-label, .normal-input-label-required
	{
		padding-left:10px;
		font-weight:bold;
		font-family:'Century Gothic', Arial, sans-serif;
		font-size:11px;
	}
	
	.normal-input-label
	{
		color:#888;
	}
	
	.normal-input-label-required
	{
		color:#45526e;
	}
	
	.normal-input-height
	{
		height:34px;
		line-height:34px;
		vertical-align:middle;
	}
	
	.error-text
	{
		color:#E00;
		font-weight:bold;
		font-style:italic;
	}
	
	.orange-link
	{
		color: #EE9424;
	}
	
	.orange-italics
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13.5px;
		color: #EE9424;
		font-style:italic;
		font-weight:bold;
	}
	
	.orange-bold
	{
		color:#ED8707;
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		font-weight:bold;
		line-height:20px;
	}
	
	.table-update-button
	{
		margin-top: 20px;
		width: 255px;
	}
	
	.div-alert-message
	{
		background-color:#FFF8DC; padding:5px; 
		margin-top:10px;
		margin-bottom:25px;
		color: #990000;
		border: solid 1px #EE9424;
		
	}
	
	#confirmation-instructions
	{
		float:left;
		width: 400px;
	}
	
	#confirmation-instructions p
	{
		margin-bottom: 10px;
	}
	
	#confirmation-form
	{
		float:left;
		margin-left: 200px;
	}


/*  ======================== HEADER ======================== */

#header
{
	width:980px;
}

	#header-logo
	{
		float:left;
	}

	#header-topnav
	{
		margin-top:23px;
		float:right;
	}

		#header-topnav li
		{
			float:left;
			margin-left:7px;
		}
		
	#header-bottomnav
	{
		clear:both;
		margin-top:12px;
	}

		#header-bottomnav li
		{
			border-bottom:1px solid #81816b;
			float:left;
		}

/*  ======================== CONTENT-CONTAINER ======================== */
	
	#content-container
	{
		clear:both;
		background-color:#FFF;
		width:980px;
	}
	html>body #content-container { width:980px; /* for Opera 5 */ } 

	#content-container h1
	{
		margin-top:-2px;
		text-transform:uppercase;
		font-family:'Arial Black', Gadget, sans-serif;
		font-size:18px;
		background-color:#45526e;
		color:#FFF;
		padding:7px 10px;
		margin-bottom:10px;
		border:2px solid #eee;
	}

	.content-container-spacer-top { clear:both; height:15px; }

	.content-container-spacer-bottom { clear:both; height:15px; }

	/* --- styles for the rounded corners --- */
    #content-container { position:relative; }
    #content-container em b { position:absolute; font-size:150px; font-family:arial; color:#FFF; line-height:40px; font-weight:normal; }
    #inner-content { position:relative; z-index:100; padding:20px 20px 40px 20px; }

    /*
    #ctl, #cbl, #ctr, #cbr 
    { position:absolute; width:20px; height:20px; background-color:#313847; overflow:hidden; font-style:normal; z-index:1; }

	#ctl {top:0; left:0;}
    #cbl {bottom:0; left:0;}
    #ctr {top:0; right:0;}
    #cbr {bottom:0; right:0;}

    #ctl b {left:-8px;}
    #ctr b {left:-26px;}
    #cbl b {left:-8px; top:-17px;}
    #cbr b {left:-26px; top:-17px;}
	*/
	/* --- styles for the rounded corners --- */

/*  ======================== NAV ======================== */
			
	#nav
	{
		width:180px;
		margin-right:20px;
		float:left;
		background-color:#fafafa;
		font-size:11px;
	}
	
		.nav-header
		{
			font-weight:bold;
			background-color: #45526e;
			border-bottom:1px solid #fff;
		}
	
			.nav-header a
			{
				font-weight:bold;
				display:block; 
				padding:6px 0px 6px 10px;
				text-decoration:none;
				color:#FFF;
				background: url('../Images/ArrowCollapsed.gif') no-repeat 95% center;
			}
			.nav-header a:hover
			{
			}

		.nav-menu
		{
			background-color:#fafafa;
			border:1px solid #ddd;
			border-width:0px 1px;
		}
		
			.nav-menu a
			{
				padding:5px 0px 5px 10px;
				border-bottom:1px solid #eee;
				display:block;
				font-weight:bold;
				color:#45526e;
				text-decoration:none;
			}
			
			.nav-menu a:hover { text-decoration:none; }
		
/*  ======================== CONTENT ======================== */
	
	#content
	{
		width:740px;
		float:left;
	}
	
	#main-content
	{
		width:100%;
		padding:0px;
	}
/*  ======================== FOOTER ======================== */


	#footer
	{
		clear:both;
	}
	
	#footer a:hover { text-decoration:underline; }
		
	.Footer, .Footer2 {
		color: #666;
		text-decoration: none;
		line-height: 30px;
	}
	.Footer3 {
		font-size: 10px;
		color: #999;
		line-height: 18px;
		text-decoration: none;
	}



/*  ================================================ INDIVIDUAL PAGE STYLE ================================================ */

	img.list-img{margin-bottom:10px;}
	img.list-img-med{}
	img.list-img-big{}
	.list-desc
	{
		color:#333333;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:normal;
		line-height:16px;
		float:left;
		display:block;
	}
	
	#promo-offers
	{
		float:left;
		width:315px;
		margin-left:25px;
		
	}
	
	.promo-emails
	{
		float:left;
		width: 450px;
		margin-left:25px;
	}
	
	.promo-emails div
    {
		float:left;
		padding-left:10px;
		width: 400px;
		margin-bottom: 20px;
		line-height: 18px;
    }
	
	.offer-title span
	{
		font-size: 5em;
	}
	
	#newsletter-offers
	{
		float:left;
		width:315px;
		
	}
	
	#signup-form
	{
		float:left;
		width:350px;
		border: solid 2px #ED8707;
	}
	
	
	.promo-emails-item li
	{
		clear: left;
		margin-bottom:30px;
		font-family: Arial;
	}
	
	.promo-emails-item input
	{
		float:left;
		display:block;
		margin-right:5px;
		margin-top: 4px;
	}
	
	.promo-emails-item em
	{
		color: #EE9424;
		font-weight:normal;
		font-style:italic;
		font-size:8pt;
	}
	
	#promo-offers-item li
    {
		clear:left;
		margin-bottom:30px;
    }

    #promo-offers-item .signup-checkbox
    {
		float:left;
		display:block;
		
		margin-right:5px;
    }

    #promo-offers-item div
    {
		float:left;
		padding-left:10px;
		width: 250px;
		margin-bottom: 20px;
    }
    
	#promo-offers-item em
	{
		color: #EE9424;
		font-weight:normal;
		font-style:italic;
		font-size:8pt;
	}

	#newsletter-offers-item li
    {
		clear:left;
		margin-bottom:30px;
    }

    #newsletter-offers-item input
    {
		float:left;
		display:block;
		margin-top:15px;
		margin-left:3px;
		margin-right:5px;
    }

    #newsletter-offers-item div
    {
		float:left;
		
		
		padding-left:10px;
		width: 250px;
		margin-bottom: 20px;

    }
    

	#newsletter-offers-item em
	{
		color:#EE9424;
		font-weight:normal;
		font-style:italic;
		font-size:8pt;
	}
	
	.small-black-link {font-size: 10px; color: #000000;}
	.small-black-link a:hover { text-decoration:none; }
	#view-subscriptions-div{background-color:#ECECEC; padding:15px; margin-bottom:10px;}
	#sign-up-div{background-color:#e1e1e1; padding:15px;}
	.sign-up-form{font-size:11px;}
	.sign-up-form input[type=text]{font-size:12px; margin-left:10px; margin-bottom: 2px; width: 175px;}
	#contact-info-div{background-color:#cdcfd2; padding:15px;}
	

/*  ======================== ThankYou.aspx ======================== */

	#thankyou-container{ width: 500px; text-align: center; margin-left:auto; margin-right:auto; }
	#thankyou-container h2 
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 16px;
		line-height: 22px;
		font-weight: bold;
		color: #313847;
		font-style:normal;
	}
	#thankyou-container em {color: #ee9424; font-weight:normal;}
	#thankyou-container p
	{
		font-size: 12px;
		margin-bottom: 20px;
	}

