﻿/* Layout Stylesheet */

ul li {
list-style-type:none;
}

#envelope {
	position: relative;
	width: 960px;
	margin: 17px auto 0 auto;
	text-align: left;
	background: #f3f2f2 url(../../img/interface/bg-envelope.gif) 0 0 repeat-x;
	
	}
	h1#logo {
		position: relative;
		width: 104px;
		padding: 20px 0 15px 46px;
	}
	
	h1#logo a {
		display: block;
		width: 104px;
		height: 86px;
		text-indent: -9000px;
		overflow: hidden;
		background: url(../../img/interface/logo.gif) 0 0 no-repeat;
	}

	/* Constants styles in navigation.css */
	
	/* Search */
	form#search fieldset { 
		position: absolute;
		top: 17px;
		right: 160px;
	}
	.hasJS form#search fieldset { right: 95px; } 
	form#search { }
		form input.inputField { 
			width: 115px;
				w\idth: 103px;
			border: 1px solid #d9d9d9; 
			padding: 2px 3px 3px 7px; 
			color: #6e6e6e;
			font-size: .8em;
		}
			form input.submitBtn {
				width: 19px;
				height: 19px;
				margin: 0 0 0 3px;
				vertical-align: top;}
	
	/* Locations - Dropdown */
	
	#locations {
		position:relative;
		width: 68px;
		height: 22px;
		z-index: 900;
	}
	.hasJS #locations { }
		#locations .select {
			position: static;
			width: 56px;
			height: 19px;
			top: 6px;
			right: 1px;
			background: #d8d8d8  100% 0 no-repeat;
			border: 1px solid #d4d4d4;
			display: none;
		}
			
			 
			#locations .select a { 
				position: relative;
				width: 54px;
				height: 13px;
				display: block;
				text-indent: -9000px;
				overflow: hidden;
				padding: 3px 0 3px 3px;
				background-repeat:no-repeat;
				background-position: center center;
			}
				.select a#usaFirst { background: url(../../img/interface/flag-usa.gif) 5px 2px no-repeat; }
			ul.selectList {
				position: static;
				width: 36px;
				top: 26px;
				left: 11px;
				background: #d8d8d8;
				padding: 1px 0 1px 0;
				display: none;
				margin:0px;
			}
				ul.selectList li {
					padding: 2px 0;
				}
					ul.selectList li a {
						width: 36px;
						height: 16px;
						display: block;
						text-indent: -9000px;
						overflow: hidden;
						padding: 0px;
						background-repeat: no-repeat;
						background-position: center;
					}
					ul.selectList li a#usa { background-image: url(../../img/interface/flag-usa.gif); }
					ul.selectList li a#brazil { background-image: url(../../img/interface/flag-brazil.gif); }
					ul.selectList li a#denmark { background-image: url(../../img/interface/flag-denmark.gif); }
					ul.selectList li a#ecuador { background-image: url(../../img/interface/flag-ecuador.gif); }
					ul.selectList li a#finland { background-image: url(../../img/interface/flag-finland.gif); }
					ul.selectList li a#france { background-image: url(../../img/interface/flag-france.gif); }
					ul.selectList li a#germany { background-image: url(../../img/interface/flag-germany.gif); }
					ul.selectList li a#greece { background-image: url(../../img/interface/flag-greece.gif); }
					ul.selectList li a#italy { background-image: url(../../img/interface/flag-italy.gif); }
					ul.selectList li a#lithuania { background-image: url(../../img/interface/flag-lithuania.gif); }
					ul.selectList li a#nederland { background-image: url(../../img/interface/flag-nederland.gif); }
					ul.selectList li a#mexico { background-image: url(../../img/interface/flag-mexico.gif); }
					ul.selectList li a#poland { background-image: url(../../img/interface/flag-poland.gif); }
					ul.selectList li a#portugal { background-image: url(../../img/interface/flag-portugal.gif); }
					ul.selectList li a#south-africa { background-image: url(../../img/interface/flag-south-africa.gif); }
					ul.selectList li a#spain { background-image: url(../../img/interface/flag-spain.gif); }
					ul.selectList li a#sweden { background-image: url(../../img/interface/flag-sweden.gif); }
					ul.selectList li a#turkey { background-image: url(../../img/interface/flag-turkey.gif); }
			
			/* no js version */
			.hasJS #locations form { display: none; }
			#locations form {
				width: 130px;
				margin: 7px 0 0 10px;
				
			}
				#locations select { width: 100px; }
				
				#locations input { 
					vertical-align: top;
				}
				
				
