@charset "utf-8";
/* CSS Document */

/* General items */
html {
	overflow: scroll;
	overflow-x: auto;
	overflow-y: scroll;
}

#header-print,
.noscreen {
	display: none;
}

/* Page headers */
#header-screen {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	background-image:url('/images/interface/header_gradient.jpg');
	background-repeat:repeat-x;
	height: 64px;
	}

	#header-screen .logo {
		position: absolute;
		left: 12px;
		top: 11px;
		width: 310px;
		height: 42px;
		z-index: 2;
	}

	#header-screen .circles {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 478px;
		height: 64px;
		text-align: right;
		z-index: 1;
	}
	
/* Drop-down navigation */
#nav {
	position: relative;
	width: 100%;
	height: 25px;
	}

	#nav .buttons {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 22px;
		background: #EAF5F9 url(/images/interface/nav_bkg.gif) left top repeat-x;
		white-space: nowrap;
	}

	#nav .shadow {
		position: absolute;
		top: 22px;
		left: 0px;
		width: 100%;
		height: 3px;
		background:	url(/images/interface/nav_shadow.gif) left top repeat-x;
		font-size: 3px;
		line-height: 3px;
	}
	
	#nav .cart {
		position: absolute;
		width: 150px;
		height: 13px;
		top: 5px;
		left: 645px;
		text-align: right;
		font-size: 12px;
		line-height: 13px;
		font-weight: bold;
		z-index: 1000;
		}
		#nav .cart a {
			text-decoration: none;
			color: #003666;
			padding-left: 20px;
			line-height: 13px;
			background: url(/images/icons/cart.gif) left 1px no-repeat;
		}
		#nav .cart a:hover {
			text-decoration: none;
			color: #3C709E;
		}

/* Subheader (breadcrumbs) and search field */
.subhead {
	position: relative;
	width: 800px;
	height: 36px;
	}

	.subhead .home {
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 10px 12px 10px 12px;
		width: 525px;
		height: 16px;
		font-weight: bold;
		font-size: 14px;
		color: #3C709E;
	}

	.subhead .breadcrumbs {
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 12px;
		width: 525px;
		height: 12px;
		font-size: 10px;
		color: #999999;
	}
	
	.subhead .breadcrumbs a {
		text-decoration: none;
		padding: 0px 3px 0px 3px;
		font-weight: bold;
	}
	
	.subhead .breadcrumbs span.this {
		color: #538413;
		padding: 0px 3px 0px 3px;
		font-weight: bold;
	}
	
	.subhead .breadcrumbs span.path {
		color: #BFD2D3;
		font-weight: bold;
	}

	.subhead .find {
		position: absolute;
		right: 4px;
		top: 7px;
		width: 233px;
		height: 21px;
		padding-left: 12px;
		background: url(/images/icons/find.gif) left center no-repeat;
		}

		.subhead .find table {
			width: 233px;
			height: 21px;
		}

		.subhead .find td {
			color: #999999;
			font-size: 10px;
			font-weight: bold;
			padding-left: 4px;
		}

	.subhead .searchterms {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		width: 145px;
		height: 13px;
	}
	
	
/* Sidebar (general) */
.sidebar {
	width: 154px;
	color: #333333;
	}

	.sidebar table {
		width: 134px;
		margin-bottom: 3px;
	}

	.sidebar td {
		padding-bottom: 3px;
		font-size: 11px;
		white-space: nowrap;
		font-weight: bold;
	}

	.sidebar .loginfield {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		width: 127px;
		height: 13px;
	}

	.sidebar .head-blue,
	.sidebar .head-green {
		position: relative;	
		width: 138px;
		height: 15px;
		font-size: 12px;
		line-height: 13px;
		font-weight: bold;
		color: #FFFFFF;
		padding: 4px 8px 4px 8px;
		overflow: hidden;
	}

	.sidebar .head-green {
		background: #375B11 url(/images/interface/sb_header_green.gif) left top no-repeat;
	}

	.sidebar .head-blue {
		background: #003666 url(/images/interface/sb_header_blue.gif) left top no-repeat;
	}

	.sidebar .body-green,
	.sidebar .body-blue {
		position: relative;
		margin: 0px 3px 0px 3px;
		font-size: 11px;
	}
	.sidebar .body-green {
		padding: 7px;
		background: #D1E8A3 url(/images/interface/sb_bkg_green.jpg) left top repeat-x;
	}
	.sidebar .body-blue {
		padding: 6px 7px 7px 7px;
		background: #D2E7E8 url(/images/interface/sb_bkg_blue.jpg) left top repeat-x;
		}
		.sidebar .body-green a,
		.sidebar .body-blue a {
			display: block;
			text-decoration: none;
			font-weight: bold;
			padding-left: 12px;
			margin-bottom: 5px;
			line-height: 12px;
		}

		.sidebar .body-green a {
			background: url(/images/icons/bullet_green.gif) left top no-repeat;
		}

		.sidebar .body-green a:hover {
			background: url(/images/icons/bullet_green_on.gif) left top no-repeat;
			color: #003666;
		}

		.sidebar .body-blue a {
			background: url(/images/icons/bullet_blue.gif) left top no-repeat;
		}

		.sidebar .body-blue a:hover {
			background: url(/images/icons/bullet_blue_on.gif) left top no-repeat;
			color: #003666;
		}
		.sidebar .body-blue ul {
			margin: 0px 0px 5px 25px;
			padding: 0px;
			font-size: 10px;
			font-weight: normal;
			color: #3C709E;
			}
			.sidebar .body-blue ul li {
				margin: 0px 0px 2px 0px;
				padding: 0px;
				line-height: 11px;
			}
			.sidebar .body-blue ul a {
				font-weight: normal;
				display: inline;
				text-decoration: none;
				padding: 0px;
				background: none;
			}
			.sidebar .body-blue ul a:hover {
				color: #3C709E;
				background: none;
			}

	.sidebar .side-summary {
		margin: 0px 0px 4px 0px;
		}
		.sidebar .side-summary p {
			font-weight: normal;
			font-size: 11px;
			line-height: 14px;
			margin: 0px;
			padding: 0px;
		}

	.sidebar .foot-blue {
		position: relative;
		margin: 0px 3px 0px 3px;
		width: 148px;
		height: 5px;
		font-size: 5px;
		line-height: 5px;
		background: #D2E7E8 url(/images/interface/sb_footer_blue.gif) left top no-repeat;
	}
	
	.sidebar .side-adcontainer {
		position: relative;
		width: 148px;
		height: 135px;
		margin: 5px 3px 0px 3px;
	}
	
	.sidebar .side-ad {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 148px;
		height: 110px;
		z-index: 1;
		/*background-color: #000000;*/
	}
	
	.sidebar .side-adnav {
		position: absolute;
		top: 115px;
		left: 0px;
		width: 148px;
		height: 17px;
		letter-spacing: 1px;
		font-size: 10px;
		line-height: 11px;
		color: #7496A1;
		font-weight: bold;
		text-align: right;
	}
	
	.sidebar .side-adstatuscontainer {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 148px;
		height: 110px;
		z-index: 200;
	}
	
	.sidebar .side-adstatus {
		position: relative;
		margin: 40px auto 0px auto;
		background-color: #FFFFFF;
		padding: 5px;
		width: 85px;
		color: #333333;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}
	.sidebar .side-adlink {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 148px;
		height: 110px;
		z-index: 300;
		}
		.sidebar .side-adlink a {
			display: block;
			width: 148px;
			height: 110px;
			outline: 0;
			text-decoration: none;
		}

/* Home Page */
#main-home {
	position: relative;
	width: 800px;
	height: 242px;
	}

	#main-home .sidebar {
		position: absolute;
		top: 0px;
		left: 4px;
		height: 242px;
		}

		#main-home .sidebar .body-green {
			height: 104px;
			overflow: hidden;
			}
			#main-home .sidebar .body-green .side-summary {
				height: 70px;
				overflow: hidden;
				}

		#main-home .sidebar .body-blue {
			height: 60px;
			overflow: hidden;
		}

	#main-home .spot-ad {
		position: absolute;
		top: 0px;
		left: 163px;
		width: 428px;
		height: 242px;
		z-index: 1;
		/*background-color: #000000;*/
	}
	
	#main-home .spot-adnavbox {
		position: absolute;
		bottom: 0px;
		left: 163px;
		width: 428px;
		height: 22px;
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
		background-color: #FFFFFF;
		z-index: 10;
	}
	
	#main-home .spot-corners {
		position: absolute;
		top: 0px;
		left: 163px;
		width: 428px;
		height: 242px;
		z-index: 15;
		background: url(/images/interface/spotlight_corners.png) left top no-repeat;
	}
	
	#main-home .spot-adlink {
		position: absolute;
		top: 0px;
		left: 163px;
		width: 428px;
		height: 220px;
		z-index: 20;
		}
		#main-home .spot-adlink a {
			display: block;
			width: 428px;
			height: 220px;
			outline: 0;
			text-decoration: none;
		}
	
	#main-home .spot-adnav {
		position: absolute;
		bottom: 3px;
		left: 167px;
		width: 420px;
		height: 17px;
		letter-spacing: 1px;
		font-size: 10px;
		line-height: 11px;
		color: #000000;
		font-weight: bold;
		z-index: 25;
		text-align: right;
	}

	#main-home .spot-adstatus {
		position: relative;
		z-index: 1000;
		background-color: #FFFFFF;
		margin: 100px auto 0px auto;
		padding: 5px;
		width: 85px;
		color: #333333;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}

	#main-home .start-head {
		position: absolute;
		top: 0px;
		right: 4px;
		width: 184px;
		height: 15px;
		background: #A78C11 url(/images/interface/start_header.gif) left top no-repeat;
		font-size: 12px;
		line-height: 13px;
		font-weight: bold;
		color: #FFFFFF;
		padding: 4px 8px 4px 8px;
		overflow: hidden;
	}

	#main-home .start-body {
		position: absolute;
		overflow: hidden;
		top: 23px;
		right: 7px;
		width: 178px;
		height: 194px;
		padding: 10px 7px 10px 7px;
		border-left: 1px solid #F9D37F;
		border-right: 1px solid #F9D37F;
	}
		
	#main-home .start-foot {
		position: absolute;
		bottom: 0px;
		right: 7px;
		width: 194px;
		height: 5px;
		font-size: 5px;
		line-height: 5px;
		background: url(/images/interface/start_footer.gif) left top no-repeat;
	}

/* Featured items */
#featured {
	position: relative;
	margin: 8px 4px 8px 4px;
	width: 792px;
	height: 135px;
	}

	#featured .head {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 776px;
		height: 15px;
		font-size: 12px;
		line-height: 13px;
		font-weight: bold;
		color: #666666;
		padding: 4px 8px 4px 8px;
		overflow: hidden;
		background: #EEEEEE url(/images/interface/featured_header.gif) left top no-repeat;
	}
	
	#featured .prev {
		position: absolute;
		top: 23px;
		left: 3px;
		width: 16px;
		height: 16px;
		padding: 45px 1px 45px 1px;
		background: #CCCCCC url(/images/interface/featured_bkg.jpg) left top repeat-x;
	}
	
	#featured .next {
		position: absolute;
		top: 23px;
		right: 3px;
		width: 16px;
		height: 16px;
		padding: 45px 1px 45px 1px;
		background: #CCCCCC url(/images/interface/featured_bkg.jpg) left top repeat-x;
	}
	
	#featured .body {
		position: absolute;
		top: 23px;
		left: 21px;
		width: 750px;
		height: 106px;
		font-weight: bold;
		font-size: 11px;
		color: #333333;
		overflow: hidden;
		white-space: nowrap;
	}
	
	#featured .bodyitem {
		width: 120px;
		height: 106px;
		text-align: center;
		padding: 0px 15px 0px 15px;
		font-weight: bold;
		line-height: 11px;
		font-size: 11px;
		}
		#featured .bodyitem a {
			color: #666666;
			text-decoration: none;
		}
		#featured .bodyitem a:hover {
			color: #000000;
		}
		#featured .bodyitem img {
			display: block;
			margin-bottom: 2px;
		}
	
	#featured .foot {
		position: absolute;
		bottom: 0px;
		left: 3px;
		width: 786px;
		height: 6px;
		font-size: 6px;
		line-height: 6px;
		background: #CCCCCC url(/images/interface/featured_footer.gif) left top no-repeat;
	}

#fp-status {
	position: absolute;
	left: 347px;
	top: 63px;
	z-index: 1000;
	background-color: #FFFFFF;
	padding: 5px;
	width: 85px;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}


/* Internal pages (general) */
#main {
	width: 792px;
	margin: 0px 4px 0px 4px
	}

	#main .sidebar {
		float: left;
		margin: 0px 20px 10px 0px;
	}
	
	#main .content {
		float: left;
		width: 618px;
	}
	#main .content-full {
		margin: 0px 6px 0px 6px;
		width: 780px;
	}

/* Customer application */
#app-nav {
	margin: 0px 0px 15px 0px;
	width: 792px;
	white-space: nowrap;
}

#app-step {
	padding: 24px 0px 0px 32px;
	background: #FFFFFF url(/images/application/header_bkg.gif) left top no-repeat;
	}

/* Catalog default pages */
#catalog-items {
	width: 618px;
	}
	#catalog-items th {
		text-align: right;
		vertical-align: top;
		width: 120px;
		padding: 0px 5px 25px 0px;
	}
	#catalog-items td {
		vertical-align: middle;
		text-align: left;
		width: 159px;
		font-size: 11px;
		padding: 0px 25px 25px 0px;
	}
	#catalog-items td.widecol {
		width: 468px;
	}

/* Price list */
#price td.narrow-left {
	width: 366px;
	vertical-align: top;
	padding: 0px 15px 10px 0px;
}
#price td.narrow-right {
	width: 237px;
	vertical-align: top;
	padding: 0px 0px 10px 0px;
}
#price td.wide-left {
	width: 444px;
	vertical-align: top;
	padding: 0px 15px 10px 0px;
}
#price td.wide-right {
	width: 159px;
	vertical-align: top;
	padding: 0px 0px 10px 0px;
}

#price-table {
	border: 1px solid #999999;
	width: 100%;
	margin: 0px 0px 10px 0px;
}
#price-tabbedtable {
	width: 100%;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 0px 0px 10px 0px;
	}
	#price-table td.icon,
	#price-tabbedtable td.icon {
		padding: 0px 4px 0px 4px;
		text-align: center;
		vertical-align: middle;
	}
	#price-table th.icon,
	#price-tabbedtable th.icon {
		text-align: center;
	}
	#price-table tr.sep td,
	#price-tabbedtable tr.sep td {
		background-color: #FFFFFF;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		font-size: 1px;
		line-height: 1px;
		padding: 0px;
	}

#pnTabs {
	background: url(/images/pricing/pixel_gray.gif) left bottom repeat-x;
	}
	#pnTabs a {
		color: #333333;
		text-decoration: none;
	}
	td.tab {
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background-color: #DDDDDD;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		padding: 0px 3px 0px 3px;
		white-space: nowrap;
		line-height: 11px;
	}
	td.tab-active {
		border-top: 1px solid #999999;
		background-color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		padding: 0px 3px 1px 3px;
		white-space: nowrap;
		line-height: 11px;
	}

#price-popup {
	position: absolute;
	z-index: 1001;
	white-space: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
	#price-popup form {
		margin: 0px;
		padding: 0px;
	}
	#price-popup img {
		float: right;
		width: 16px;
		height: 16px;
	}
	#price-popup input {
		width: 25px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
	}
	#price-popup table.form-narrow {
		height: 50px;
	}
	#price-popup table.form-wide {
		height: 44px;
		}
		#price-popup table.form-narrow th,
		#price-popup table.form-wide th,
		#price-popup table.form-narrow td,
		#price-popup table.form-wide td {
			padding: 0px 8px 6px 0px;
		}

#price-footerhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #000000;
}

#price-footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #000000;
}

#price-data td,
#price-popup td {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	padding: 0px 10px 6px 0px;
}
#price-data th {
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	padding: 0px 10px 6px 0px;
	}
	#price-data td.small,
	#price-data th.small {
		font-size: 10px;
	}

#price-status img {
	float: left;
	margin: 0px 5px 30px 0px;
}
#price-status p {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

#price-textbox {
	padding: 10px;
	margin: 0px 0px 15px 0px;
	font-size: 11px;
	background-color: #FBF4E0;
	}
	#price-textbox h1 {
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
	}
	#price-textbox p {
		margin: 0px;
		font-size: 11px;
	}
	#price-textbox img {
		float: right;
		margin: 0px 0px 10px 10px;
	}

/* Footer items */
#footer {
	width: 786px;
	height: 14px;
	margin: 7px 7px 7px 10px;
	padding-bottom: 15px;
	}

	#footer .copyright {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 234px;
		height: 14px;
	}

	#footer .links {
		position: absolute;
		top: 0px;
		left: 217px;
		width:370px;
		height: 14px;
		text-align: left;
		}

		#footer .links a {
			color: #3C709E;
			text-decoration: none;
			margin: 0px 3px 0px 3px;
		}

		#footer .links a:hover {
			text-decoration: underline;
			color: #003666;
		}
		
		#footer .findus {
			position: absolute;
			top: 0px;
			right: 7px;
			width: 160px;
			height: 14px;
			text-align: right;
		}

/* Home Page Text Copy and Links */
#home_text {
	width:780px; 
	margin:10px;
	font-size: 11px;
	color:#AAAAAA;
	}

		#home_text a {
			color: #3C709E;
			text-decoration: none;
		}

		#home_text a:hover {
			text-decoration: underline;
			color: #003666;
		}

/* General classes */

.sublinks {
	margin: 5px 0px 15px 0px;
	border-top: 1px solid #333333;
	padding-top: 5px;
	}
	.sublinks img {
		margin-bottom: 5px;
	}
	.sublinks td {
		padding: 0px 28px 3px 0px;
		vertical-align: top;
		white-space: nowrap;
		font-size: 11px;
	}
	.sublinks a {
		background: url(/images/icons/bullet.gif) left top no-repeat;
		color: #003666;
		padding-left: 12px;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
	}
	.sublinks a:hover {
		background: url(/images/icons/bullet_on.gif) left top no-repeat;
	}

.backlink {
	float: right;
	text-align: right;
	padding: 10px 0px 0px 20px;
	}
	.backlink a {
		background: url(/images/icons/bullet_back.gif) left 1px no-repeat;
		color: #003666;
		padding-left: 18px;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
	}
	.backlink a:hover {
		background: url(/images/icons/bullet_back_on.gif) left 1px no-repeat;
	}

a.navbutton,
a.navbutton-blue {
	display: block;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	padding: 5px 8px 7px 22px;
	margin: 0px 0px 5px 0px;
	width: 207px;
	}
	a.navbutton {
		background: url(/images/buttons/navbutton_green.gif) left top no-repeat;
		color: #003666;
		text-decoration: none;
	}
	a.navbutton:hover {
		background: url(/images/buttons/navbutton_green_on.gif) left top no-repeat;
		color: #003666;
		text-decoration: none;
	}
	a.navbutton:active {
		background: url(/images/buttons/navbutton_green_hit.gif) left top no-repeat;
		color: #FFFFFF;
		text-decoration: none;
	}
	a.navbutton-blue {
		background: url(/images/buttons/navbutton_blue.gif) left top no-repeat;
		color: #003666;
		text-decoration: none;
	}
	a.navbutton-blue:hover {
		background: url(/images/buttons/navbutton_blue_on.gif) left top no-repeat;
		color: #003666;
		text-decoration: none;
	}
	a.navbutton-blue:active {
		background: url(/images/buttons/navbutton_blue_hit.gif) left top no-repeat;
		color: #FFFFFF;
		text-decoration: none;
	}

a.navbutton-short {
	display: block;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	padding: 5px 8px 7px 22px;
	margin: 0px 0px 5px 0px;
	width: 129px;
	}
	a.navbutton-short {
		background: url(/images/buttons/navbutton_short.gif) left top no-repeat;
		color: #003666;
		text-decoration: none;
	}
	a.navbutton-short:hover {
		background: url(/images/buttons/navbutton_short_on.gif) left top no-repeat;
		color: #003666;
		text-decoration: none;
	}
	a.navbutton-short:active {
		background: url(/images/buttons/navbutton_short_hit.gif) left top no-repeat;
		color: #FFFFFF;
		text-decoration: none;
	}