/*****************************************/
/*   WIG UI Prototype Stylesheets        */
/*---------------------------------------*/
/*   Created Date: December 16, 2009     */ 
/*****************************************/
               /*^g^*/

/* BODY */
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, "Myriad Pro"; 
	font-size:12px;
	background: #ffffff;
}

/* MAIN */
	/* Container */
	#container, .wrapper {
		width: 900px;
		margin: 0 auto;
	}
		/* Header */
		#header{  
			background: url(../wig/images/bg_header.png) repeat-x left bottom;
			height: 100px;
		}
			/* Logo Box */	
			#logo-box {
				float: left;
				margin: 18px 0 0 0;
			}
			
			/* Tagline */
			#tagline {
				margin: 65px 0 0 15px;
				float: left;
			}
			
			/* Stuff on the logos right side */
			.right-acc {
				float: right;
				position: relative;
				overflow: auto;
				height: 100px;
				/* --> FF2 */ width: 300px;
			}			
			
				/* Top Links */ /*3017*/
				#top-links {
					margin: 20px 0 0 0;
					/*width: 178px; --> FF2 */ width: 300px;
				}
				#top-links a { color: #000000; text-decoration: none; }
				#top-links a:hover { color: #4d4d4d; }
				#top-links li {
					float: right;
					font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					line-height: 10px;
					padding-left: 12px;
					margin-left: 13px;
					background: url(../wig/images/top_arrow.png) no-repeat top left;
				}
				
				/* Location Finder Link */ /*3017*/
				#location-finder-link {
					position:absolute; /* Abs in relation to .right-acc */
					bottom: 0;
					right: 0;
				}
				#location-finder-link a { 
					background: url(../wig/images/location_finder_link.png) no-repeat 0 0;  
					display: block;
					height: 41px;
					width: 178px; 
					position: relative;
					cursor: pointer;
				}
				#location-finder-link a span {
					background: url(../wig/images/location_finder_link.png) no-repeat 0 -42px;  
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					height: 41px;
					width: 178px;
				}
		
		/* Masthead */ /*3017*/
		#masthead {
			background: url(../wig/images/bg_masthead.png) repeat-x left bottom;
			height: 70px;			 /* overflow: hidden;3026 */
			/* --> FF2 */ clear: both;
		}
			#masthead h1 {
				float: left;
				margin-top: 8px;
				height: 32px;
			}
		
			/* Home icon */ /*3017*/
			#home-link a {
				float: left;
				width: 57px;
				height: 0px !important;
				display: block;
				overflow: hidden;
				padding-top: 26px;
				background: url(../wig/images/ico_home.gif) no-repeat top left;
			}
			#home-link a:hover {
				background-position: 0px -26px;
			}
			/* Search */ /*3017*/
			#finder-top {
				float:right;
				padding-top: 10px;
				height: 30px;
			}
			#finder-top input {
				float:left;
				background: #fff url(../wig/images/bg_input_finder.png) repeat-x left top;
				height: 20px;
				width: 94px;
				border: 1px solid #e03127;
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 12px;
				text-align: left;
				color: #4d4d4d;
				line-height: 20px; /* Vertically align the text */
				padding-left: 4px; /* Give leading space form box */
			}
			.btn-search {
				background: url(../wig/images/btn_search_finder.png) no-repeat left top !important;
				float: left;
				display: block;
				width: 71px;
				height: 22px;
				margin-left: 7px;
				position: relative;
			}
			.btn-search span {
				background: url(../wig/images/btn_search_finder.png) no-repeat left bottom;  
				display:block;
				position:absolute;
				top:0;
				left:0;
				width: 71px;  
				height: 22px; 
			}
			
			/* Advanced Search */
			.advanced-search {
				clear: right;
				float: right;
				text-align: right;
				height: 28px;
			}
			.advanced-search a {
				color: #000000 !important;
				font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 11px;
				/*font-weight: bold;*/
				font-weight: normal;
				text-decoration: underline;
				line-height: 28px;
			}
			.advanced-search a:hover {
				color: #CC0000 !important;
				text-decoration: none;
			}
			
			/* Main Navigation */
			#main-nav {
				clear: both;
				float: left;
				height: 28px;
				line-height: 28px;
				list-style: none;
				display: block;
				padding: 0;
				z-index: 100;
				top: 146px;
			}
					
				#main-nav li {
					display: inline;
					color: #000000;
					font-family: Tahoma;
					font-size: 11px;
					font-weight: bold;
					padding: 0;
					margin: 0;
				} 

					#main-nav li a { font-weight: bold; color: #000000;  text-decoration:none; } 
					#main-nav li.active { font-weight: bold; color: #999999;  text-decoration:none; } 
					#main-nav li a:hover{ color: #CC0000;  text-decoration:underline; }
					#main-nav li a.active { color: #999999;  text-decoration:none; }
						
		/* Adv WIG */ /*3017*/
		#adv-wig {
			width: 900px;
			height: 313px;
			margin: 10px 0 35px 0;
		}
			/* Flash Area */
			#flash {
				position:absolute;
				width:773px;
				height:250px;
			}
			
			#flash-div {
				width:773px; 
				height:250px;
			}
			
			/* Video Link (Side) */ /*3017*/
			#video-link-background	{
				position:absolute;
				margin: 0 0 0 773px;
				width: 127px;
				height: 250px;
				background: url(../wig/images/bg_video-link.png)
			}
			#wig-video-link {
				position:absolute;
				margin: 60px 0 0 773px;
			}
			#wig-video-link li {
				float: left;
				width: auto;
				clear:left;
				margin: 0 0 -1px 0;
			}
			#wig-video-link li a { 
				color: #fffffe;
				text-decoration: none;
				display:block;
				font-size:11px;
				line-height: 11px;
				padding: 10px 0 0 42px;
				height: 32px;
				width: 85px;
				background: url(../wig/images/video_link.png) no-repeat left top;
			} 
			#wig-video-link li a:hover {
				background-position: left -42px;
			}   
			
			/* Navigation */ /*3017*/
			#adv-nav{
				position:absolute;
				width: 900px;
				height:62px;
				margin: 250px 0 0 0;
				background: url(../wig/images/bg_adv_nav.png) no-repeat left bottom;
			}
			#adv-nav ul {
				float:left; width: 600px;
			}
			#adv-nav ul li {
				float:left;
				width: auto;
				padding:1px 0 0 0;
			}
			#adv-nav ul li .nav {
				float:left;
				width: auto;
				height:49px;
				padding:0 0 0 43px;
				background: url(../wig/images/adv_nav_left.png) left top no-repeat;					
				text-decoration:none;
			}
			#adv-nav ul li .nav span {
				float:left;
				width: auto; 
				font-size:11px;
				vertical-align: middle;
				height:39px;
				padding: 10px 20px 0 0;
				font-family: Tahoma, Arial, Verdana;
				font-weight:bold;
				color:#fffffe;
				cursor: pointer;
				background: url(../wig/images/adv_nav_right.png) no-repeat right top ;
			} 
			#adv-nav ul li a.nav:hover {
				background-position: left bottom;
			}
			#adv-nav ul li a.nav:hover span {
				color:#666666;
				background-position: right bottom;
			}
			#adv-nav ul li div.nav a {
				color:#fffffe;
				text-decoration:underline !important;
			}
			#adv-nav ul li div.nav a:hover {
				text-decoration:none !important;
			}
	
		/* Content */ /*3017*/
		#content {
			clear:both;
			padding: 0 0 40px 0;
		}
		
			/* Left Sidebar */
			#content-left{ 
				float:left;
				width:250px;
				margin: 0 0 40px 0;
			}
			
			/* Sidebar Links: Structure */ /*3017*/
			#group-menu h4 { /* This is the white shadow */
				font-family: "MyriadPro-Semibold", "Myriad Pro", Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 24px;
				font-weight: 600;
				color: #ffffff;
				margin: 0 0 6px 20px;
				position: relative;
			}
			#group-menu h4 span {
				position: absolute; /* Abs in relation to #group-menu h4 */
				top: -1px;
				left: -1px;
				color: #e03127;
			}
			#group-menu ul {
				width: 213px;
				margin: 0 auto 10px auto;
				border-top: 1px solid #dbdbdb;
			}
				#group-menu ul li { 
					border-bottom: 1px solid #dbdbdb;
					display:block;
					padding: 7px 10px;
					clear: both;
				}
				#group-menu ul li a
				{
					font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
					font-size: 11px;
					font-weight: bold;
					color: #000000;
					display: block;
				}
				#group-menu ul li a span {
					padding: 0 0 0 15px; 
					background: url(../wig/images/bullet_group.png) no-repeat left 2px;
					display: block;
				}
				#group-menu ul li a:hover span {
					color: #4d4d4d;
					background: url(../wig/images/bullet_group_hover.png) no-repeat left 2px;
				}
				
			/* Sidebar Links (Type 1): Simple */ /*3017*/
			.normal {
				margin-top: 40px;
			}
			
			/* Sidebar Links (Type 2): Curved with Background / PDF Icons */ /*3017*/
			.curved {
				position: relative;
				margin: 0 0 10px 5px;
				padding: 5px 0; /* This will takecare of the IE7 overflow error. :D */
				width: 250px;
				background: url(../wig/images/sb_curve_body.gif) repeat-y left top;
			}
			.curved .top,
			.curved .bottom {
				position: absolute;
				left: 0;
				width: 242px;
				height: 12px;
			}
			.curved .top { top: 0; background: url(../wig/images/sb_curve_top.gif) no-repeat left top; }
			.curved .bottom { bottom: 0; border-bottom: 1px solid #dbdbdb; } /* 3026 */
			.curved h4 {
				margin: 8px 0 6px 15px !important;
			}
			.curved ul li.pdf { 
				background: url(../wig/images/sb_icon_pdf.gif) no-repeat 185px 6px;
			}
			.curved ul li.last { 
				border-bottom: none !important;
			}
			
			/* Sidebar Links (Type 3): Special */ /*3017*/
			.special {
				overflow: auto;
				margin: 20px 0 10px 5px;
				width: 242px;
				background: url(../wig/images/sb_special_top.gif) no-repeat left top;
			}
			.special h4 {
				margin: 7px 0 6px 15px !important;
			}
				/* Logos */
				.special .brands {
					border: 1px solid silver;
					border-top: none;
					overflow: hidden;
					width: 240px; /* 3026 */
				}	
				.special .brand-logo {
					width: 119px;
					float: left;
					text-align: center;
					padding: 5px 0;
					border-bottom: 1px solid silver;
				}
				.special .brands .border-right { border-right: 1px solid silver; } /* jQuery Use */
				.special .brands .border-left { border-left: 1px solid silver; } /* jQuery Use */
				.special .brands .last { border-bottom: none; } /* jQuery Use */
				.special .brands .gap {
					height: 5px;
				}
				
		/* Content Center */ /*Center only content*/
		#content-center
		{ width: 900px;  }
		
		#content-center h3 {
				color: #000;
				font-size: 16px;
				font-weight: bold;
				margin: 15px 0 10px 0;
				padding: 0;
			}
			
		#content-center h4 {
				color: #333;
				font-size: 14px;
				font-weight: bold;
				margin: 15px 0 10px 0;
				padding: 0;
			}
			
		#content-center h5 {
				color: #333;
				font-size: 13px;
				font-weight: bold;
				margin: 15px 0 10px 0;
				padding: 0;
			}
			
		#content-center .level2 { margin-left: 20px; }
		#content-center .level3 { margin-left: 20px; }
		
		
		
		/* Content Right */ /*3017*/
		#content-right{
			margin:0 0 0 280px;
			width: 620px;
		}
			#content-right h2, #content-center h2 {
				overflow:hidden;
				height: 40px; 
				padding: 0 0 0 15px;
				background: url(../wig/images/bg_h2_left.png) no-repeat left top;
				margin: 25px 0 20px 0;
			}
			#content-right h2.first, #content-center h2.first { margin-top: 0; }
			#content-right h2 span, #content-center h2 span {
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 24px;
				line-height: 40px;
				font-style: italic;
				font-weight:100;
				color: #000000;
				display:block;
				width: 100%;
				height: 40px;
				background: url(../wig/images/bg_h2_right.png) no-repeat right top;
			}
			#content-right h3 {
				color: #cc0000;
				font-size: 16px;
				font-weight: bold;
				margin: 15px 0 10px 0;
				padding: 0;
			}
			
			#content-right ul.list-links
			{
				margin-bottom: 10px;
			}
			#content-right ul.list-links li { padding-bottom: 3px; }
			
			#content-right ul.ind-list
			{
				margin-left: 40px;
				margin-bottom: 10px;
			}
			#content-right ul.ind-list ul
			{
				margin-left: 50px;
				padding-top: 2px;
			}
			
			#content-right ul.ind-list li
			{
				list-style-type: disc;
				padding-top: 2px;
				padding-bottom: 2px;
			}
			#content-right ul.ind-list li li
			{
				list-style-type: circle;
				padding-top: 2px;
			}
			
			#content-right p.ind-offer, #content-center p.ind-offer
			{
				font-size: 13px;
				font-weight: bold;
			}
			
			img.image-left {
				margin: 0 10px 20px 0;
				float: left;
				overflow: hidden;
			}
			
			img.image-right
			{
				float: right;
				padding-bottom: 10px;
				padding-left: 20px;
			}
			
			#content #content-right p, #content #content-center p {
				line-height: 18px;
				color: #000;
				margin: 0 0 10px 5px;
			}
			#content-right a, #content-center a {
				color: #cc0000;
				font-weight: bold;
			}
			#content-right a:hover, #content-center a:hover
			{
				color: #000 !important;
				text-decoration: underline;
			}
			 
		/* Footer */ /*3017*/
		#footer {
			clear:both;
			width: 100%;
			height: 70px;
			border-top: 1px solid #e9e9e9;
			color: #1d4164;
			text-align: center;
		}
		#footer ul {
			margin: auto;
			list-style: none;  
			padding: 13px 0 0 0;
			margin: 0 auto;
			display:block;
		}
		#footer ul li {
			display: inline;
			font-family: Arial;
			font-size: 11px; 
		} 
		#footer ul li a { color: #333333;  text-decoration:none; } 
		#footer ul li a:hover{  text-decoration:underline; }
		#copyright { 
			font-family: Tahoma;
			font-size: 11px !important;
			margin: 5px 0 0 0;
			text-align: center;
			color: #333333;
		}

/* MODALS */
.fixedTopLeft {
	position: fixed;
	left: 0;
	top: 0;
}

#modalBackground {
	height: 100%;
	width: 100%;
	background: #000000;
}

	#modal {
		background: #ffffff;
		border: 5px solid #000000;
		padding: 5px;
		width: 430px;
		height: 360px;
	}

	.modal {
		width: 430px;
		height: 235px;
	}

		.modal H2 {
			overflow:hidden;
			height: 40px; 
			padding: 0 0 0 15px;
			background: url(../wig/images/bg_h2_left.png) no-repeat left top;
			margin: 0 0 20px 0;
		}
		
		.modal h2 span{
			font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 24px;
			line-height: 40px;
			font-style: italic;
			font-weight:100;
			color: #000000;
			display:block;
			width: 100%;
			height: 40px;
			background: url(../wig/images/bg_h2_right.png) no-repeat right top;
		}

		.modal .closeModal {
			position: absolute;
			width: 24px;
			height: 24px;
			margin: -35px 0 0 380px;
			background: url(../wig/images/close_modal.png) left top no-repeat;
			overflow: hidden;
		}

			.modal A.closeModal:hover {
				background-position: 0 -24px;
			}

		.modal .strong {
			font-weight: bold;
		}

		.modal P
		{
			margin: 10px 0 0 15px;
			font-size: 14px;
			overflow: hidden;
			padding-right: 20px;
		}

			.modal P .red {
				color: #e03127;
			}

			.modal P .fixWidth
			{
				float: left;
				width: 180px;
				white-space: nowrap;
			}
			
			.modal a { color: #e03127; }
			.modal a:hover
			{
				color: #e03127;
				text-decoration: underline;
			}