/* CSS Document */

html,body {
			font-size:			100%;						/*IE hack */
			margin:				0;
			padding:			0;
}

body {
			background:			#EEE;
			color:				#666;
			font-family:		Georgia, "Times New Roman", Times, serif;
			font-size:			96%;
			padding:			20px;
}

a:link {
			color:				#F81314;
			text-decoration:	none;
}

#logo {
			background:			url(../images/logos/logo-right.gif) top right no-repeat;
			float:				left;
			width:				291px;
}

#logo img {
			border:				0;
}

.clear {
			clear:				both;
}

.align-center {
			display:			block;
			margin:				auto;
}

.align-left {
			float:				left;
}

.align-right {
			border:				0;
			float:				right;
			margin:				5px 10px;
}

.external-link, a.external-link:hover {
			background:			url(../images/external-link.gif) no-repeat right center;
			padding-right:		16px;
}

.catchline {
			background:			url(../images/catch-line.gif) left no-repeat;
			color:				#505050;
			font-weight:		bold;
			margin-top:			12px;
			padding-left:		15px;
}

.pdf, a.pdf:hover {
			background:			url(../images/pdf_button.gif) left no-repeat !important;
			padding-left:		20px;
}
.mail, a.mail:hover {
			background:			url(../images/mail_button.gif) left no-repeat !important;
			padding-left:		20px;
}
.web, a.web:hover {
			background:			url(../images/html_button.gif) left no-repeat !important;
			padding-left:		20px;
}

.error, #left .error {
			color:				#F81314;
}

h2, h3, h4, h5, h6 {
			color:				#333;
			font-family:		Verdana, Geneva, sans-serif;
}

h2 {
			margin-bottom:		0.75em;
}

blockquote {
			background:			url(../images/img-blockquote.gif) top left repeat-y;
			border:				1px solid #F81314;
			color:				#404040;
			margin:				2em;
			padding-left:		28px;
}

@font-face { font-family:Wingdings 2; src:url(WINGDNG2.TTF); }

@font-face { font-family:DTPDingbats; src:url(DTPDingbats.ttf); }



#header {
			background:			url(../images/header.png) top left repeat-x;
			font-family:		Verdana, Geneva, sans-serif;
			position:			relative;
}

#header h1 {
			color:				#FFF;
			font-family:		Verdana, Geneva, sans-serif;
			margin:				0px;
}

#header #my-account {
			position:			absolute;
			right:				5px;
}
#header #my-account a {
			border-bottom:		1px solid #FFF;
			color:				#FFF;
			font-size:			12px;
			margin-left:		20px;
}

#menu {
			margin-top:			-6px;
			text-align:			right;
}

#nav {
			background:			#F81314;
			float:				right;
			list-style:			none;
			margin:				0;
			padding:			0;
			position:			relative;
			z-index:			2;
}

#nav li {
			border-bottom:		1px solid #F81314;
			float:				left;
			margin:				0;
			padding:			0;
}

#nav li.selected {
			background:			#FFF;
			border-bottom:		1px solid #FFF;
			border-left:		1px solid #F81314;
			border-right:		1px solid #F81314;
}

#nav li.first {
			border-left:		1px solid #F81314;
}

#nav li a {
			color:				#FFF;
			padding:			0 10px;
			text-align:			center;
			text-decoration:	none;
}

#nav li.selected a {
			background:			#FFF;
			color:				#F81314;
}

#nav li a, #subnav li, #subnav li a {
			font-weight:		bold;
}

#subnav {
			clear:				right;
			float:				right;
			font-size:			86%;
			list-style:			none;
			margin:				-1px 0 0 0;
			padding:			0;
			position:			relative;
			z-index:			1;
}

#subnav li {
			background:			#FFF;
			border:				1px solid #F81314;
			border-width:		1px 0;
			float:				left;
			margin:				0;
			padding:			0;
}

#subnav li.first {
			border-left:		1px solid #F81314;
}

#subnav li.selected {
			background:			#F81314;
			border-top-color:	#F81314;
			color:				#FFF;
			padding:			4px 10px 3px;
}

#subnav li a {
			border-top:			1px solid #FFF;
			color:				#F81314;
			display:			block;
			padding:			3px 10px;
			text-decoration:	none;
}

#subnav li.selected a {
			border-top:			0;
			color:				#FFF;
			display:			block;
			padding:			0;
			text-decoration:	none;
}

body #subnav li a, body #subnav li.selected, body #nav li a {
			font-family:		Verdana, Geneva, sans-serif;
}

#left {
			background:			url(../images/left.png) top left repeat-x;
			float:				left;
			font:				Verdana, Geneva, sans-serif;
			text-align:			center;
}

#left form {
			color:				#FFF;
			padding-bottom:  	12px;
}
#left form span {
			color:				#666;
}

#left-info {
			font-size:			70%;
			line-height:		1.5em;
			padding:			0 0 0 5px;
			text-align:			left;
			font-family:		Verdana, Geneva, sans-serif;
}
#left-info fieldset {
			border-top:			1px #F81314 solid;
			border-width:		1px 0 0;
			clear:				both;
			padding:			0;
}
#left-info legend {
			color:				#666;
			font-size:			14px;
			font-weight:		bold;
			padding:			3px 10px 3px 0;
}
#left-info label {
			color:				#666;
			display:			block;
			float:				left;
			line-height:		24px;
			width:				100px;
}
#left-info input {
			width:				100%;
}
#left-info .button {
			display:				block;
			margin-top: 8px;
			width:				60px;
}
#left-info .choose-separator {
			background:		#FFF;
			font-size:			14px;
			margin:				-15px 0 0;
			width:				30px;
			font-weight:		bold; 
}
#left-info span {
			display:			 block;
			margin:				10px 0 10px;
}
#left-info .a-button {
			background: 		url('../images/link_button_bg.gif') no-repeat 6px center #F81314;
			color:				#FFF;
			display:			block;
			margin:				10px 0 20px;
			padding:			0 0 0 20px;
			width:				100px;
}
#left-info hr {
			background:			#F81314;
			border:				0;
			clear:				both;
			height:				1px;
			margin-top:			19px;
}
#left-info #lost-password {
			margin-bottom:		0;
			padding-bottom:		0;
}
#left-info .lost-password-for {
			display:			none;
}


#left-nav {
			list-style:			none;
			clear:				both;
			font-size:			70%;
			line-height:		1.5em;
			padding:			0 0 0 5px;
			text-align:			left;		
			margin-top:			45px;
			font-family:		Verdana, Geneva, sans-serif;
}
#left-nav li.top-border {
			border-top:			1px solid #F81314;
}

#team {
	/* overflow: hidden; */
}

#team div {
	float: left;
	text-align: center;
	width: 150px;
}

#team a {
	border-bottom: 1px solid #FFF;
}

#team ul {
	list-style: none;
	padding: 0;
}

#team ul li {
	overflow: hidden;
	margin-bottom: 21px;
	padding-left: 10px;
	position: relative
}

#team ul li .team-item-content {
	float: none;
	width: auto;
	text-align: inherit;
	margin-left: 150px;
}

#team ul img {
	/* float: left; */
	position: absolute;
	left: 0;
}

#team ul h4 {
	margin: 7px 0 0;
}

#team ul p {
	margin: 5px 0;
}

#bees {
	overflow:	hidden;
	margin-left: -25px;
}

#bees div {
	float:		left;
	text-align:	center;
	width:		150px;
}

#bees a {
	border-bottom:	1px solid #FFF;
	display:	block;
}


#product-brief-registration form {
			margin-bottom:		15px;
}
#product-brief-registration legend {
			color:				#F81314;
			font-weight:		bold;
}
#product-brief-registration table {
			border-collapse:	collapse;
}
#product-brief-registration tr th, #product-brief-registration tr td {
			border-top:			3px solid #FFF;
}
#product-brief-registration tr.hr th, #product-brief-registration tr.hr td {
			border-top:			1px solid #F81314;
}
#product-brief-registration .checkboxContainer label {
			display:			block;
			float:				left;
			line-height:		24px;
			width:				300px;
}
#product-brief-registration .checkboxContainer div label {
			margin-right:		25px;
			width:				inherit;
}
#product-brief-registration .form-note {
			display:			block;
			font-size:			10px;
}
#product-brief-registration div.form-information {
			background:			#F81314;
			color:				#FFF;
			cursor:				pointer;
			display:			inline;
			font-weight:		bold;
			padding:			0 5px;
			position:			relative;
}
#product-brief-registration .form-information  span{
			background:			#FFF;
			border:				1px solid #4F6B72;
			color:				#4F6B72;
			font-size:			12px;
			font-weight:		normal;
			left:				0;
			padding:			0 3px;
			position:			absolute;
			top:				20px;
			white-space:		nowrap;
}
#product-brief-registration .small-input {
			width:				50px;
}
#product-brief-registration .long-input {
			width:				220px;
}
#product-brief-registration .longest-input {
			width:				100%;
}
#product-brief-registration .errorField {
			background: 		#ffd2d2;
}
#product-brief-registration .error {
			font-size:			12px;
			margin-left:		5px;
			padding:			4px;
}

#product-briefs-table {
			border-collapse:	collapse;
			width:				100%;
}
#product-briefs-table tbody td {
			border-bottom:		1px solid #F81314;
			margin:				0;
			padding:			0 10px;
}
#product-briefs-table h3 {
			font-size:			18px;
}
#product-briefs-table h3, #product-briefs-table div {
			color:				#4F6B72;
			margin:				5px;
}
#product-briefs-table ul {
			display:			inline;
			float:				right;
			list-style-type:	none;
}

#first-print th {
			white-space:		nowrap;
}
#first-print .checkboxContainer input {
			clear:				left;
			float:				left;
}
#first-print .checkboxContainer label {
			display:			block;
}
#first-print .form-group {
			border:				1px solid #F81314;
}
#first-print .form-group #other-details label {
			display:			inline;
			margin-left:		25px;
}
#first-print .form-group #other-details input {
			float:				none;
}

th label span {
			display:			block;
			font-size:			10px;
}

a img {
			border:				0;
}

code {
			margin-left:		20px;
}

.product-table-thumbs {
			float:				right;
			margin:				1px 5px;
			width:				100px;
}

.text10 {
			font-size:			10px;
}

.center-children {
			text-align:			center;
}

.center-children > * {
			margin:				0 25px;
}

.center-children *:first-child {
			margin-left:		0;
}

.center-children *:last-child {
			margin-right:		0;
}

#footer {
			background:			#D8D9DA;
			color:				#404040;
}

#footer p {
			font-family:		Verdana, Geneva, sans-serif;
			text-align:			right;

}
