/* ---------------- GLOBAL ELEMENTS ---------------- */

html, head, body, form, div, table, td, tr, h1, h2, h3, h4, h5, h6, ul, ol, li, input { 	/* for ALL elements, make it standard to have no padding or margin */
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6C6F70;
	}

ol, ul {
    padding-left:2em;
    margin-left:0;
}

p	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

body {
	background-color: #C3CBD2;
	}

/* ---------------- GENERAL DESIGN ELEMENTS ---------------- */

strong, b {
		font-weight: bold;
		}

em, i {
		font-style: italic;
		}

img {
		display: block;
		}

img, div { behavior: url('/includes/iepngfix.htc') }		

p img {
		display: inline;
		}


.inline { /* used on images that need to be inline do class = inline */	
		display: inline;
		}

table {
		border-collapse: collapse;
	}

td {
	vertical-align: top;
	}

th {
	}

h1 {
	color: #2857A5;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

h2 {
	/* same as h1 but not uppercase */
	font-weight: normal;
	color: #2857A5;
	font-size: 12px;
}

	
/* ---------------- BLOCK ELEMENTS ---------------- */	

.left_nav {
	background-color: transparent;
	color:#2857A5;
	cursor:pointer;
	font-weight:normal;
	height:25px;
	line-height:25px;
	text-align:left;
	padding-left: 12px;
}
.left_nav_over {
	background-color: #2857A5;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
	height:25px;
	line-height:25px;
	text-align:left;
	padding-left: 12px;
}

#page_container {
	/* main content box - everything fits in this */
	background-color: white;
	width: 1000px; 
	margin: 0px auto 30px auto;
	}

#page_top {
	background-image: url('/images/page_top_arch.gif');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 1000px;
	height: 133px;
	color: #333333;
	}

#map_box {
	/* the background color for the map */
	background-color: #2857A5;
	}

#page_top #site_name {
	padding: 107px 0px 0px 18px;
	font-family: Arial Narrow, sans-serif;
	font-size: 15px;
	float: left;
	width: 125px; /* 143 - 18 */
	color: #FFFFFF;
	white-space: nowrap;

	}
	
#page_top #navigation {
	padding-top: 102px;
	padding-left: 18px;
	float: left;
	width: 628px; /* 650 -18 was 632 but in IE6 it forced "search" down so I made it 628 */
	color: #FFFFFF;
	white-space: nowrap;
	}

#navigation .tab {
	margin-right: 6px;
	margin-left: 6px;
	height: 31px;
	width: auto;
	float: left;
	}
#navigation .tab_left {
	background-image: url('/images/nav_tab_left.png');
	height: 31px; 
	width: 14px;
	float: left;

	}
#navigation .tab_center {
	background-image: url('/images/nav_tab_center.gif');
	background-repeat: repeat-x;
	color: #333333;
	height: 23px;
	padding: 8px 0px 0px 0px;
	float: left;
	}
#navigation .tab_right {
	background-image: url('/images/nav_tab_right.png');
	height: 31px; 
	width: 12px;
	float: left;
	}	

.nav_item {
	padding-top: 8px;
	float: left;
	}
.nav_item_on {
	float: left;
	background-color: #FFFFFF; 
	padding: 5px 5px 10px 3px;
	}
.nav_pipe {
	color: #FFFFFF;
	padding: 8px 4px 0px 4px;
	float: left;
	}

#page_top #search {
	padding: 8px 0px 0px 18px;
	float: left;
	width: 187px; /* 206 - 18 -1 */
	white-space: nowrap;
	}

#page_top #search #globe {
	float: right;
	width: 32px;
	height: 32px;
	background-image: url('/images/globe.png');
	background-repeat: no-repeat;
	margin-right: 12px;
	}
	
#page_body {
	background-image: url('/images/page_body_overlay.jpg');
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 982px; /* 1000 - 18 */
	padding: 11px 18px 11px 0px;
	}

#tricol #left {
	width: 125px; 
	border-right: 2px solid #DBDDDF;
	}

#tricol #center {
	padding: 0px 18px 0px 18px;
	width: 614px; /* 650 - 36 */
	border-right: 2px solid #DBDDDF;
	border-left: 2px solid #DBDDDF;
	}

#tricol #right {
	padding: 0px 0px 0px 18px;
	border-left: 2px solid #DBDDDF;
	}


#bicol #left {
	width: 125px; 
	border-right: 2px solid #DBDDDF;
	}

#bicol #right {
	padding: 0px 0px 0px 18px;
	border-left: 2px solid #DBDDDF;
	}

#unicol {
	width: 100%;
	}


#page_bottom {
	background-color: #9A9C9E;
	width: 964px; /* 1000 - 36 */
	color: #FFFFFF;
	padding: 11px 18px 11px 18px;
	}


#page_bottom #bottom_left {
	width: 125px;
	}

#page_bottom #bottom_center {
	padding: 0px 18px 0px 18px;
	width: 614px; /* 650 - 36 */
	}
	
#page_bottom #bottom_center td {
	padding-right: 15px;
	}
	
#page_bottom #bottom_center #footer {
	text-align: center;
	font-size: 8px;
	color: #CCCCCC;
	}

#page_bottom #bottom_left {
	vertical-align: bottom;
	text-align: left;
	padding: 0px 18px 0px 0px;
	color: #FFFFFF;
	font-size: 8px;
	}


#page_bottom #bottom_right {
	vertical-align: bottom;
	text-align: right;
	padding: 0px 0px 0px 18px;
	width: 170px; /* 964 - 125 - 650 -18 - 1 */
	}

/* -------------- PRODUCT SELECTOR --------------- */

ul.prdsel_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left: 0px;
}

.prdsel_head {
	height: 28px; /* 29-1 for the border */
	border: 1px solid #B4B4B4;
	line-height: 28px;
	background-color: #2857A5;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
}

.prdsel_list li.prdsel_item {
	height: 27px;
	border: 1px solid #B4B4B4;
	border-top: 0px;
	line-height: 27px;
	background-color: #F1F1F1;
	overflow: hidden;
}


.prdsel_list li a, .prdsel_list li  a .color_selector_box {
	text-decoration: none;
	border-bottom: 0px;
	color: #6C6F70;
	height: 100%;
	display: block;
}
.prdsel_list li a:hover, .prdsel_list li  a:hover .color_selector_box {
	text-decoration: none;
	border-bottom: 0px;
	background-color:#2857A5;
	color: #FFFFFF;
}

.prdsel_list li a.check_off, .prdsel_list li a.check_off .color_selector_box {
	text-decoration: none;
	border-bottom: 0px;
	color: #6C6F70;
	display: block;
}
.prdsel_list li a.check_off:hover, .prdsel_list li a.check_off:hover .color_selector_box  {
	text-decoration: none;
	border-bottom: 0px;
	background-color:#2857A5;
	color: #FFFFFF;
}
.prdsel_list li a.check_on, .prdsel_list li  a.check_on .color_selector_box {
	text-decoration: none;
	border-bottom: 0px;
	background-color:#2857A5;
	color: #FFFFFF;
	display: block;
}
.prdsel_list li a.check_on:hover, .prdsel_list li a.check_on:hover  .color_selector_box {
	text-decoration: none;
	border-bottom: 0px;
	color: #FFFFFF;
	background-color:#2857A5;
}

.prdsel_list .pad {
	width: 8px;
	float: left;
}
.prdsel_list li input[type="checkbox"] {
	margin: 0px 4px 0px 2px;
}


/* ---------------- FORM ELEMENTS ---------------- */

.label {
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
	height: 3em;
}

.input_text_holder {
	width: 152px;
	height: 20px;
	background-image: url('/images/input_text.png');
	background-repeat: no-repeat;
}
		
.input_text {
		color: #A5AEB6;
		margin-top: 2px;
		width: 130px;
		height: 18px;
		font-size: 12px;
		padding: 0px 11px;
		background-color: transparent;
		text-align: center;
		}

.input_text_short_holder {
	width: 122px;
	height: 20px;
	background-image: url('/images/input_text_short.png');
	background-repeat: no-repeat;
}
		
.input_text_short {
		color: #A5AEB6;
		margin-top: 2px;
		width: 100px;
		height: 18px;
		font-size: 12px;
		padding: 0px 11px;
		background-color: transparent;
		text-align: center;
		}

.input_text_form {
		border: 1px solid #2857A5;
		color: #333333;
		margin-top: 2px;
		width: 330px;
		height: 18px;
		font-size: 12px;
		padding: 3px;
		background-color: transparent;
		text-align: left;
		}
		
.input_text_tight_white {
		border: 1px solid #6C6F70;
		color: #6C6F70;
		margin-top: 2px;
		width: 330px;
		height: 12px;
		font-size: 12px;
		padding: 3px;
		background-color: #ffffff;
		text-align: left;
		}			
		
.input_submit {
		border: 1px solid #2857A5;
		background-color: #F3F3F3;
		color: #000000;
		width: 168px;
		height: 25px;
		text-align: center;
		cursor: pointer;
		}	
		
.input_textarea {
		border: 1px solid #2857A5;
		width: 400px;
		height: 80px;
		padding: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
		}	
		
.input_select {
		border: 1px solid #2857A5;
		width: 162px;
		height: 20px;
		}