/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


body {
	background-color:#FFF
	/* DO NOT ADD ANY OTHER STYLING HERE - CREATE A CUSTOM DIV TO REPLICATE THIS TAG */
}
/*main container*/
#main {
	position:relative;
	margin:0 auto;
	width: 954px;
}
/*header*/
#header {
	width:100%;
	padding:29px 0 7px;
}
.homeLink {
	position:absolute;
	top:10px;
	font:69% "Arial Narrow", Arial, sans-serif;
	left:0;
	color:#8f8f8f;
	text-transform:uppercase;
	padding:0 0 0 3px;
}
.homeLink a {
	color:#8f8f8f;
	text-decoration:none;
}
.homeLink a:hover {
	text-decoration:none;
	color:#2493c2;
}
#header:after {
	content:"";
	display:block;
	clear:both;
}
.header-holder {
	float:right;
	width:874px;
}
.header-box-top {
	height:1%;
	overflow:hidden;
	padding:0 0 6px;
}
.header-box-top ul {
	list-style:none;
	margin:0;
	padding:0 1px 0 0;
	float:right;
}
.header-box-top ul li {
	float:left;
	padding:0 0 0 7px;
	font:113%/2.3em Impact, "Arial Narrow", Arial, sans-serif;
}
.header-box-top ul li a {
	background: url(../images/v2/btn.gif) no-repeat;
	width:170px;
	height:43px;
	color:#fff;
	display:block;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
}
.header-box-top ul li a:hover {
	background-position:0 -43px;
	text-decoration:none;
}
.header-box-top ul li.cart a {
	background: url(../images/v2/tool-shop.gif) no-repeat;
	width: 58px;
	height: 44px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:default;
}
.header-box-top ul li.cart a:hover {background-position:0 -44px;}

.header-box {
	width:100%;
	border-bottom:1px solid #fff;
}
.header-box:after {
	content:"";
	display:block;
	clear:both;
}
/*logo*/
.logo {
	margin:0;
	float:left;
}
.logo a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/v2/logo.gif) no-repeat;
	width: 66px;
	height: 97px;
}
/*search*/
.search {
	float:right;
	padding:2px 0 0 0;
}
.search form,
.search fieldset {float:left;}
.search .input-text {
	width:112px;
	float:left;
	border:1px solid #bfbab9;
	padding:1px 5px;
	font-size:65%;
	display:inline;
	margin:0 3px 0 0;
}
.search .button-submit {
	float:left;
	margin:0;
}
/*navigation*/
#navigation {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:5;
	float:left;
}
#navigation li {
	float:left;
	width:98px;
	display:inline;
	margin:0 1px 0 0;
	position:relative;
	font:69%/1.1em "Arial Narrow", Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

#navigation li li {
	font-size: 100%;
}
#navigation li a {
	display:block;
	padding:4px 2px;
	color:#fff;
	background:#a9a2a1;
	text-decoration:none;
}
#navigation li:hover a,
#navigation li.hover a,
#navigation li a:hover {
	background:#0095d2;
	text-decoration:none;
}
#navigation li.hover ul,
#navigation li:hover ul {display:block;}
#navigation ul {
	display:none;
	position:absolute;
	list-style:none;
	margin:0; padding:0;
	top:20px; left:0px;
	width:97px;
	background: url(../images/v2/none.gif);
}

#navigation ul li {
	display:block;
	margin:0;
}

#navigation li.hover ul li a,
#navigation li:hover ul li a,
#navigation ul li a {
	color:#666;
	background:#FFF;
	padding:2px;
	border:1px solid #BFBAB9;
	border-width:0 1px 1px 1px;
}
#navigation li.hover ul li a:hover,
#navigation li:hover ul li a:hover,
#navigation ul li a:hover {
	color:#FFF;
	background:#0796D3;
	border:1px solid #0796D3;
	border-width:0 1px 1px 1px;
}
/*breadcrumbs*/
.breadcrumbs {
	list-style:none;
	margin:0;
	padding:0 0 0 21px;
	height:1%;
	overflow:hidden;
	background:#0796d3;
}
.breadcrumbs li {
	float:left;
	background: url(../images/v2/sep-breadcrumbs.gif) no-repeat 0 4px;
	font:69%/2em "Arial Narrow", Arial, sans-serif;
	color:#5a5651;
	padding:0 10px 0 9px;
	background: url(../images/v2/marker.gif) no-repeat 0 8px;
	float:left;
	color:#fff;
	text-transform:uppercase;
}
.breadcrumbs li a {
	color:#fff;
	float:left;
}
/*content*/
.container {
	overflow:hidden;
	width:100%;
}
.image-box, .homeproduct-image-box {
	height:431px;
	overflow:hidden;
	position:relative;
	margin:0 0 13px;
}
#image-box-inner {
	height: 208px;
}
.image-box img, .image-box-inner img, .homeproduct-image-box img {display:block;}

.image-txt {
	position:absolute;
	left:0;
	bottom:0;
	padding:0 0 14px 23px;
	width:400px;
}

.white-block {
	position:absolute;
	bottom:15px;
	right:13px;
	width:473px;
	padding:0 0 0 28px;
	overflow:hidden;
}
.white-block div.white-block-body {
	position:relative;
	z-index:10;
	width:473px;
	margin-left:473px;
}
.white-block div.white-block-body span.blockSpan {
	background: url(../images/v2/white-block-top.png) no-repeat;
	width: 473px;
	height: 10px;
	overflow:hidden;
	display:block;
}
.white-block div.white-block-body span.bottom {
	background: url(../images/v2/white-block-bottom.png) no-repeat;
	width: 473px;
	height: 11px;
	overflow:hidden;
	display:block;
}
.white-block div.white-block-body div.txt {
	background: url(../images/v2/white-block.png) repeat-y;
	width: 473px;
	overflow:hidden;
}
.white-block div.white-block-body div.txt div {
	padding: 13px 18px;
	position:relative;
	height:1%;
	overflow:hidden;
}
.white-block div.white-block-body div.txt div h2 {
	font: 138%/1.1em Impact, "Arial Narrow", sans-serif;
	color:#231f20;
	margin:0 0 8px;
	display:block;
	text-transform: uppercase;
}

.white-block .arrow {
	position:absolute;
	top:50%;
	left:1px;
	height:1px;
	width:1px;
	margin-left:473px;
}

.white-block .arrow a {
	position:absolute;
	left:0;
	top:-28px;
	background: url(../images/v2/arrow.png) no-repeat;
	width: 28px; height: 57px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	outline:none;
}
.content {
	width:100%;
	overflow:hidden;
	padding:0 0 7px;
}

/*box-holder*/
.box-holder {
	width:100%;
	display:block;
}
/*container-block*/
.container-block {
	height:1%;
	overflow:hidden;
	background: url(../images/v2/sep.gif) repeat-y 153px 0;
	padding:28px 0 0;
	margin:-13px 0 23px;
	position:relative;
}

.standardBanner .container-block {
	padding:20px 0 0;
	margin:8px 0 23px;
}


.wideBanner .container-block {
	padding:20px 0 0;
	margin:8px 0 23px;
	background:#FFF;
}

.container-block h2 {
	font:22px/24px Impact, Arial, Helvetica, sans-serif;
	color:#58595b;
	margin:0 0 5px;
	display:block;
}
.sidebar {
	float:left;
	width:120px;
	padding: 0 0 0 25px;
}
.nav {
	list-style:none;
	margin:0;
	padding:0;
}
.nav li {
	font:69% Arial, sans-serif;
	color:#0095d3;
	float:left;
	padding:2px 0;
	width:100%;
}
.nav li a {
	color:#0095d3;
	display:block;
	padding:3px 0 4px 10px;
	background: url(../images/v2/nav-marker.gif) no-repeat 0 6px ;
}
.nav li.active a,
.nav li a:hover {
	background: url(../images/v2/nav-marker-hover.gif) no-repeat 0 6px;
	text-decoration:none;
}
.nav li ul {
	list-style:none;
	margin:0;
	padding:0 0 0 13px;
	display:none;
}
.nav li ul li {
	font-size:100%;
}
.nav li.active ul {
	display:block;
}
.nav li.active ul li a,
.nav li ul li a {
	padding:0;
	background:none;
	color:#58595b;
}
.nav li ul li a:hover {
	background:none;
	text-decoration:underline;
}
/*content-box*/
.content-box {
	float:right;
	width:577px;
	padding:4px 187px 0 2px;
}

.wideBanner .content-box {
	float:none;
	padding: 4px 0 0 0;
}

	/*footer*/
.footer {
	width:100%;
	border-top:1px solid #d4d1d0;
	padding:7px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
}
.footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
.lang {
	float:right;
}
.lang li {
	float:left;
	padding:0 0 0 8px;
}
.lang li img {display:block;}
.footer .footerMenu {
	padding:2px 0 0 0;
	float:left;
}
.footerMenu li {
	float:left;
	padding:0 18px 0 0;
	color:#58595b;
	font-size:65%;
	text-transform:uppercase;
	line-height:16px;
}
.footerMenu li a {
	color:#58595b;
}
#komodoFooter {
	float:right;
	padding-top:5px;
}

/* rotating banner images */
#homeproduct-image-box {
	height:94px;
}
#bannerRotation, #homeproductRotation{
position: absolute;
left: 0;
top: 0;
}

/* GENERIC ST ETS STYLE DECLARATIONS */

	.formObjects {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		color: #333333; 
		background-color: #E6E6E6;
	}
	.halfline {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 2px; 
		font-style: normal; 
		text-decoration: none; 
		color: #990000; 
		font-weight: normal
	}
	.bodyText1 {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		font-style: normal; 
		text-decoration: none; 
		color: #000000; 
		font-weight: normal
	}
	.bodyText1Bold {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		text-decoration: none;
		color: #000000;
		font-weight: bold
	}
	.bodyText2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		text-decoration: none;
		color: #006BB8;
		font-weight: normal
		}
	.bodyText2Bold {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		text-decoration: none;
		color: #006BB8;
		font-weight: bold
	}
	.bodyText3 {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 11px; 
		font-style: normal; 
		text-decoration: none; 
		color: #343434; 
		font-weight: normal
	}
	.bodyText3Bold {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 11px; 
		font-style: normal; 
		text-decoration: none; 
		color: #343434; 
		font-weight: bold
	}
	.bodyText3Small {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 9px; 
		font-style: normal; 
		text-decoration: none; 
		color: #343434; 
		font-weight: normal
	}
	.bodyTextDisabled {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #999999; 
		font-weight: normal
	}
	.bodyTextDisabled2 {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #555555; 
		font-weight: normal
	}
	.bodyTextWhite {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #FFFFFF; 
		font-weight: normal
	}
	.bodyTextWhiteBold {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #FFFFFF; 
		font-weight: bold
	}
	.bodyTextWhiteSmall {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 9px; 
		font-style: normal; 
		text-decoration: none; 
		color: #FFFFFF; 
		font-weight: normal
	}
	.bodyTextBlack {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #000000; 
		font-weight: normal
	}
	.bodyTextBlackBold {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #000000; 
		font-weight: bold
	}
	.bodyTextRed {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #990000; 
		font-weight: normal
	}
	.bodyTextGrey {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #666666; 
		font-weight: normal
	}
	.bodyTextGreyBold {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		text-decoration: none; 
		color: #666666; 
		font-weight: bold
	}
	.bodyTextGreySmall {
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 9px; 
		font-style: normal; 
		text-decoration: none; 
		color: #666666; 
		font-weight: normal
	}

	/*************************
	CUSTOM APPLICATION CSS
	*************************/
	
	table.withSpacing1 {
		border-spacing: 1px;
		border-collapse: separate;
	}
	table.withSpacing2 {
		border-spacing: 2px;
		border-collapse: separate;
	}
	table.withSpacing3 {
		border-spacing: 3px;
		border-collapse: separate;
	}
	table.withSpacing4 {
		border-spacing: 4px;
		border-collapse: separate;
	}
	table.withSpacing5 {
		border-spacing: 5px;
		border-collapse: separate;
	}
	table.withPadding1 td, table.withPadding1 th {
		padding: 1px;
	}
	table.withPadding2 td, table.withPadding2 th {
		padding: 2px;
	}
	table.withPadding3 td, table.withPadding3 th {
		padding: 3px;
	}
	table.withPadding4 td, table.withPadding4 th {
		padding: 4px;
	}
	table.withPadding5 td, table.withPadding5 th {
		padding: 5px;
	}

	div.errorMessage {
		background-color: #CC0000;
		color: #FFFFFF;
		padding: 10px;
		font-weight: bold;
	}
	div.resultMessage {
		background-color: #00C6E8;
		color: #FFFFFF;
		padding: 10px;
		font-weight: bold;
	}
.styleFontSize12px {
	font-size: 85%;
}
/*
h2.mainHead {
	margin:0.75em 0;
	padding:0;
	color:#E96318;
	font-size:13px;
	text-transform: uppercase;
	font-weight: bold;
}
*/
.progress {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
}
.currentPage {
	color:#E96318;
}
h3.tableTitle {
	margin: 0.5em 0 0 0;
	padding: 0;
	color: #E96318;
	font-size: 78%;
	font-weight: bold;
}
h4.stepSubHead {
	margin: 5px 0; padding:0;
	font-size:11px;
	font-weight: bold;
}
.style27 {
	font-weight: bold;
	color: #E96318;
}
.bodyText3Bold {
	font-weight:bold;
	color:#666;
	font-family: Arial;
}
ul.materialGroup {
	list-style-type:none;
	margin:0 0 0.5em 0;
	padding:0;	
}
ul.materialGroup li {
	margin:0 0 0.5em 0;
	padding:0;
	font-size: 85%;
}
ul.materialGroup li a {
	color:#666;
	text-decoration: none;
}
a.spreadsheetlink {
	color: #2594B9;
	text-decoration: none;
}
a.spreadsheetlink:hover {
	color: #333333;
	text-decoration: none;
}
#popupHeader { background:#01BFE4 url(/images/ets/blue_graduation.gif) repeat-y top left;}
a.closeWindowLink {
	color: #2594B9;
	text-decoration: none;
	font-size: 11px;
}
a.closeWindowLink:hover {
	color: #333333;
}

a.kEditableTextContentItem:hover, a.komodoTreeDisclosurePlaceHolder:hover {
	text-decoration: none;
}