body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}



body {
	font-family:Verdana, Arial, sans-serif;
	font-size:76%;
	margin:0;
	padding:0 0 2em;
	background:#898989;
	text-align:center;
	color:#555;
	}
	
a {
	color:#CC3300;
	text-decoration:none;
	}
	
a:hover {
	color:#666666;
	text-decoration:underline;
	}
	
	
h1 {
	margin:.75em 0 0;
	font-size:174%;
	font-weight:normal;
	padding-bottom:.6em;
	border-bottom:4px solid #bbb;
	}

	h1 a {text-decoration:underline;}

h2 {
	font-size:114%;
	color:#CC3300;
	margin:1.3em 0;
	}

h3 {
	font-size:100%;
	color:#CC3300;
	}
	
	h3 strong {
		color:#555;
		}
		
	h3 a {
		color:#555;
		text-decoration:underline;
		}
	
h4 {
	font-size:100%;
	color:#888;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	}
	
p {
	line-height:1.5;
	margin:1em 0;
	}


/* =============================

LAYOUT

============================= */


.wrapper {
	width:800px;
	margin:0 auto;
	text-align:left;
	background:#fff url("images/wrapper_bg.gif") 0 0 repeat-y;
	position:relative;
	}

.header {
	padding:15px 15px 0;
	background:url("images/header_bg.gif") 0 0 no-repeat;
	position:relative;
	height:95px;
	zoom:1;
} 

.main {
	margin:0 15px;
	clear:both;
	}
	
	.main:after {
		content:'.';
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
		}
	
	.content {
		width:520px;
		width:500px;
		float:right;
		display:inline;
		margin-right:20px;
		margin-bottom:2em;
		border-bottom:4px solid #bbb;
		}
	
	.extras {
		width:190px;
		float:left;
		display:inline;
		margin-left:20px;
		}

	
.footer {
	clear:both;
	margin:0;
	padding:20px 15px;
	line-height:1.0em;
	background:#898989 url("images/footer_bg.gif") 0 0 no-repeat;
	zoom:1;
	overflow:visible;
	}

/* =============================

STYLES

============================= */

a img {
	border:0;
	}

#logo {
	margin:20px 0px 18px 18px;
	float:left;
	display:inline;
	}

.headerphone {
	position:absolute;
	top:55px;
	right:30px;
	text-align:right;
	font-size:129%;
	}

.content p,
.content li {
	font-size:91%;
	}

.content ul {
	margin:1em 0;
	padding:0;
	}

.content ul.hilite {
	background:#e6e6e6;
	border:1px solid #ddd;
	padding:.5em;
	}
	
	.content ul li {
		margin:1em 1em 1em 2em;
		padding:0;
		}

	.content ul li.feature {
		color:#666666;
		color:#c72;
		}

.content ol {
	margin:1em 0;
	padding:0;
	}
	
	.content ol li {
		margin:.5em 0 .5em 2em;
		padding:.5em 0;
		line-height:1.0em;
		}


		
.caricature {
	float:left;
	margin-right:1.25em;
	margin-bottom:1.25em;
	border:1px solid #ddd;
	}		

p.figure { /* p for images */
	line-height:1.0em;
	background:#f2f2f2;
	}

span.caption {
	line-height:1.5em;
	padding:4px;
	color:#888;
	font-style:italic;
	}

.content p.footnote,
span.footnote {
	font-size:85%;
	color:#777;
	}


/* NEWS
-----------------------------------*/

.newsitem {
	border:1px solid #e5e5e5;
	border-width: 0 0 1px;
	}
	
.newsdate {
	color:#999;
	}
	
.morenews {
	margin:.5em 0 0;
	}

.newsannouncement {
	float:right;
	clear:right;
	width:220px;
	margin:-30px 0 .5em .5em;
	padding:10px;
	border:15px solid #eaf5d7;
	background:#fff;
	}
	
	.newsannouncement p {
		margin:0 0 1em;
		color:#888;
		}
	
	.newsannouncement strong {
		font-size:1.2em;
		}


/* MISC.
-----------------------------------*/

.section {
	margin:0 0 .77em;
	padding:0 10px;
	border:1px solid #bbb;
	}

	.section h2 {
		margin:0 -10px;
		padding:5px 10px;
		background:#CC3300;
		color:#fff;
		border-bottom:1px solid #bbb;
		}

	.section h3 {
		color:#777;
		}
		
		.section h3:first-line {
			color:#CC3300;
			font-size:114%;
			}
		
	.section .item.first {
		padding:0;
		border:0;
		}
		

.section .item {
	clear:both;
	border-top:1px solid #bbb;
	}

.section .item p,
.section .item h3,
.section .item ul {
	margin-right:140px;
	}
	
	.section .item ul {
		list-style:disc;
		}

	.section .item li p {
		margin-right:0;
		}

p.toplink {
	margin:0 0 .77em;
	text-align:right;
	}

.servicepop {
	width:126px;
	height:110px;
	float:right;
	clear:right;
	margin:1em 0 1em 1em;
	background:url(../images/service_pop.gif) top left no-repeat;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	}
	
	.servicepop img {
		position:relative;
		top:4px;
		left:4px;
		border:0;
		}
	
	.servicepop .popcaption {
		position:absolute;
		top:94px;
		left:78px;
		font-size:9px;
		}
	
	.servicepop a {
		text-decoration:none;
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}


/* BRANDS, AFFILIATES, SHOP
--------------------------------  */

body.brands .item,
body.affiliates .item,
body.shop .item {
	border-top:1px solid #e5e5e5;
	position:relative;
	top:0;
	left:0;
	width:100%;
	overflow:auto;
	}



body.brands  .item.full {
	padding:1em 0;
	}

	body.brands .item p,
	body.affiliates .item p {
		margin-right:250px;
		}

	.item.full p, .item.full ul {
		margin-right:0;
		}
	
	.item .leftimg {
		margin-top:1em;
		}
		
		
.clientlogo,
.itempic {
	position:relative;
	top:0;
	left:0;
	width:250px;
	padding:1em 0;
	float:right;
	text-align:center;
	}

	.clientlogo img,
	.itempic img {
		vertical-align:middle;
		}

/* Portal tweaks */

body.portal .item p {
	margin-right:200px;
	}
	
body.portal .itempic {
	width:200px;
	text-align:right;
	}


/* HOMEPAGE
-----------------------------------*/

.homefeature {
	height:253px;
	margin-bottom:20px;
	background:url("../images/homefeature_bg.jpg") 0 0 repeat-x;
	border-bottom:5px solid #aaa;
	border-top:1px solid #fff;
	clear:both;
	zoom:1;
	position:relative;
	}

	.featurecontent {
	color:#fff;
	font-size:107%;
	clear:both;
	position:absolute;
	top:0;
	left:0;
	background-image: url(../images/homefeature_b.jpg);
		}


	.featurecontent p.head {
		font-size:197%;
		line-height:1.3em;
		font-weight:bold;
		margin:0 0 1em;
		}


	.featurecontent p.head em strong,
	.featurecontent p.subhead strong {
			color:#ff3;
			}


	.featurecontent p.subhead {
		font-size:142%;
		margin:-.5em  0 .5em;
		margin:1em 0 1.5em;
		line-height:1.0em;
		}

		.featurecontent p.subhead span.sm {
			font-size:62%;		
			}
		
		
		
	.featurecontent a {
		color:#a5ff83;
		}

	.featurecontent a:hover {
		color:#fff;
		}

	

	#featureA {
		background:url("../images/homefeature_a.jpg") 0 0 no-repeat;
		padding:80px 50px 50px 280px;
		height:-129px;
		heigh\t:123px;
		z-index:103;
		}

	#featureB {
		background:url("../images/homefeature_b.jpg") 0 0 no-repeat;
		padding:80px 50px 50px 280px;
		height:253px;
		heigh\t:123px;
		z-index:102;
		}

	#featureC {
		background:url("../images/homefeature_b.jpg") 0 0 no-repeat;
		padding:40px 20px 50px 280px;
		height:253px;
		heigh\t:163px;
		z-index:101;
		}
		
	
		
	
	#featureB,#featureC{display:none;}


#featureC #retail_link span {
	padding:3px 5px;
	background: url("../images/darkdot.gif") 50% 50% no-repeat;
	color:#fff;
	}


.homecontent {
	margin:0 20px 30px;
	padding:0;
	border-bottom:4px solid #bbb;
	overflow:auto;
	zoom:1;
	}

.homecol {
	float:left;
	display:inline;
	margin:0 20px 20px 0;
	padding:0;
	width:230px;
	}

.homecol.right {
	margin:0 0 20px;
	}

.homecol.double {
	width:480px;
	}

.homecol.double.box {
	wid\th:458px;
	padding:10px;
	border:1px solid #bbb;
	}

.homecol.box .clientlogos {
	margin:-1em 0 -.5em;
	}

	.homecol h2 {
		font-size:122%;
		font-weight:normal;
		color:#444;
		margin:0 0 1em;
		padding-bottom:.66em;
		border-bottom:2px solid #bbb;
		position:relative;
		}

		.homecol h2 a.morelink {
			font-size:77%;
			position:absolute;
			top:.5em;
			right:10px;
			}

	.homecol .newsitem,
	.homecol .item {
		padding-bottom:1em;
		border-bottom:1px solid #bbb;
		}

	.homecol .announcement {
		text-align:center;
		font-size:107%;
		padding:1px 20px;
		background:#c82;
		color:#fff;
		border:1px solid #bbb;
		}

	.homecol .award {
		border:1px solid #bbb;
		padding:10px 12px;
		height:115px;
		heigh\t:95px;
		font-size:91%;
		}
		
		.homecol .award .invite {
			font-size:122%;
			margin-bottom:-.5em;
			margin:0 0 .5em;
			}
		
		
		
		.homecol .award .badge {
			float:left;
			display:inline;
			margin:3px;
			margin-right:13px;
			}
	
.brandlogos {
	text-align:center;
	line-height:3.0em;
	padding-bottom:1em;
	border-bottom:1px solid #bbb;
	}



/* =============================

MENUS

============================= */

#mainnav {
	margin:72px 0 0;
	padding:0;
	list-style:none;
	float:right;
	}
	
	#mainnav li {
		margin:0;
		padding:0;
		float:left;
		line-height:1.0em;
		}
	
		#mainnav li a {
			display:block;
			padding:5px 14px;
			*padding:5px 12px 5px 13px;
			background:#CC3300 url(../images/menu_bg.gif) repeat-x 0 0; /* preload for rollover */
			background:#CC3300 url("images/menu_bg.gif") 0 0 repeat-x;
			color:#fff;
			border-right:1px solid #fff;
			font-size:99%;
			}

		#mainnav #mn_portal a {
			background:#CC3300 url("images/menu_dark_bg.gif") 0 0 repeat-x;
			}


		#mainnav li a:hover,
		#mainnav #mn_shop a:hover {
			background:#666;
			}

	#mainnav li#mn_company a {
		padding:5px 16px 5px 15px;
		*padding:5px 14px 5px 13px;
		}


body.company #mn_company a,
body.brands #mn_brands a,
body.affiliates #mn_affiliates a,
body.employment #mn_employment a,
body.news #mn_news a,
body.terms #mn_terms a,
body.contact #mn_contact a,
body.shop #mn_shop a {
	background:#494949 url("/images/menu_selected_bg.gif") 0 0 repeat-x;
	}




.subnav {
	margin:0 0 1em;
	padding:0;
	list-style:none;
	border-top:1px solid #ccc;
	}
	
	.subnav li {
		margin:0;
		padding:0;
		line-height:1.0em;
		clear:left;
		}
		
		.subnav li a {
			display:inline-block; /* ie force list gaps to close */
			}
		
		.subnav li a {
			display:block;
			padding:.66em 1em .66em 1.5em;
			font-size:91%;
			border-bottom:1px solid #ccc;
			}
			
		.subnav li a:hover {
			background:#e6e6e6;
			}
				
		.subnav li.open {
			background:url("images/menu_carat.gif") 3px 10px no-repeat;
			}
		
		.subnav li.current a,
		.subnav li.open li.current a {
			color:#444;
			font-weight:bold;
			}
				
	.subnav ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		
		.subnav li.open ul li a {
			padding-left:3em;
			background:#f2f2f2;
			font-weight:normal;
			color:#999999;
			}
			
		.subnav li.open ul li a:hover {
			color:#999999;
			background:#d9d9d9;
			}
			
body.nonav .subnav {
	margin-top:23px;
}

/* =============================

SPLASH

============================= */
.border {
	border: thin solid #FF0000;
}
	
.splashFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #666666;
	}