/* This contains all of the CSS that's shared between /traffic and /custom. Individual stylesheets
 *  still exist in /traffic/ssi and /custom/ssi, but only for code specific to that section. */

a {
	outline: none;
	color: #043F1E;
}

a:hover {
	outline: none;
	color: #FDBC08;
}

body {
	background: #1F1514;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	behavior: url("/ssi/csshover.htc");
}

/* ------ START: Add/Edit ------ */
.add_paragraph {
	clear: both;
	text-align: right;
}

.addedit {
	position: relative;
	width: 450px;
	clear: both;
	padding: 20px;
	background: #fff;
	font-weight: normal;
	font-size: 0.9em;
}

.addedit_delete {
	display: block;
	text-decoration: none;
	margin: 0.5em auto 0 auto;
	cursor: pointer;
}

.addedit em {
	font-size: 0.85em;
}

.addedit input {
	width: 99%;
	border: 1px solid #CCCCCC;
}

.addedit input.input_btn,
.addedit input.submit {
	width: auto;
	clear: both;
}

.addedit .input_check {
	width: 33%;
	float: left;
}

.addedit .input_check input {
	float:left;
	width:25%;
	border: 0;
}

.addedit .input_double {
	width: 49%;
	float: left;
}

.addedit .input_double input {
	width: 90%;
}


.addedit .input_radio input, .addedit .input_checkbox input {
	width: auto;
	border: none;
	margin-right: 5px;
}

.addedit .input_radio label, .addedit .input_checkbox label {
	display: inline;
}

.addedit p.input_triple {
	width: 33%;
	float: left;
}

.addedit p.input_triple input {
	width: 90%;
}

.addedit label {
	display: block;
	font-weight: 700;
}

.addedit p {
	margin-bottom: 10px;
}

.addedit select {
	width: 60%;
	border: 1px solid #CCCCCC;
	font-size: 10px;
}

.addedit textarea {
	width: 99%;
	height: 15em;
	border: 1px solid #CCCCCC;
}

.addedit_image_main {
	position: relative;
	width: 320px;
	margin: 0 auto;
}

#addedit_images input {
	width: 75%;
}

#addedit_images p {
	clear: both;
	padding-bottom: 1em;
}
.addedit_images {
	float: left;
	margin-right: 10px;
}
/* ------ END: Add/Edit ------ */

.col1 {
	position: relative;
	width: 300px;
	float: left;
	padding: 20px 20px 20px 0px;
}

.col2 {
	position: relative;
	width: 300px;
	float: left;
	padding: 20px 0px 20px 20px;
}

.career_wrapper {
	margin: 10px 0;
	border-top: 1px solid #000;
}

#col_side {
	display: inline;
	position: relative;
	margin: 0 50px;
	width: 200px;
	float: left;
}

#contact_side {
	position: relative;
	margin-top: 5em;
	background: url("../images/contact_bg.jpg") no-repeat bottom;
	padding-bottom: 2em;
}

#content {
	position: relative;
	float: left;
	width: 640px;
	padding: 0px 20px;
}

.faq_wrapper {
	margin: 25px 5px;
}

.feature_cat {
	position: relative;
}

.feature_cat a {
	text-decoration: none;
	color: #000000;
}

.gallery {
	width: 90%;
	padding: 0px;
	margin: 0px auto;
	text-align: center;	
}

.gallery img {
	border: 1px solid #000;
	margin: 5px;
}

.pagination {
	float: right;
	margin: 5px 0;
	height: 20px;
}

#shopping_cart_table {
	margin:10px 0;
}

/* ------ START: Table Lists ------ */
.tbl_list {
	width: 100%;
	position: relative;
	z-index: 0;
	clear: both;
}

.tbl_list .input_add {
	background: #AAAAAA;
}

.tbl_list .tbl_list_med {
	width: 125px;
	position: relative;
	z-index: 0;
}

.tbl_list td {
	border: 1px solid #000000;
	background: #efefef;
	padding: 2px 5px;
	font-size:0.9em;
	position: relative;
	z-index: 0;
}

.tbl_list td a,
.tbl_list td a:visited {
	color: #000;
	position: relative;
	z-index: 0;
}

.tbl_list td a:hover {
	color:#094074;
	position: relative;
	z-index: 0;
}

.tbl_list td.paginate_links {
	text-align: right;
}

.tbl_list td.center {
	text-align: center;
}

.tbl_list tfoot tr td,
.tbl_list thead tr td {
	background-color: #fff;
	border: 0;
}

.tbl_list th {
	border: 1px solid #000000;
	background-color: #1F1514;
	padding: 2px 5px;
	color: #fff;
	text-align: center;
}

.tbl_list tr:hover td {
	background: #CCCCCC;
}

.tbl_list tr.no_hover:hover td {
	background: #FFFFFF;
}

.tbl_list .tbl_list_title {
	width: auto;
	z-index: 0;
}

.tbl_list .tbl_list_title input {
	text-align: left;
}

.tbl_list select {
	width: 99%;
	border: 1px solid #78A6C8;
	font-size: 10px;
	border: 1px solid #0E0E0E;
}

.tbl_list_sm {
	width: 16px;
}

.tbl_list input {
	border: 1px solid #0E0E0E;
	background-color:#fff;
}

.tbl_list_full input {
	width: 100%;
}

.tbl_list input.input_btn {
	background-color: #2E8261;
	color: #fff;
}

.tbl_separator {
	margin: 6em auto 3em auto;
}
* * body .tbl_separator { margin: 0em auto 1em auto; }

/*td.tbl_list_med:hover img.thumb_pop {
	display: block;
	z-index: 99;
}

.thumb_pop {
	display: none;
	padding-left: 6px;
	position: absolute;
	z-index: 99;
	right: 50px;
}*/
/* ------ END: Table Lists ------ */

/* ------ START: Hover Levels ------ */
.hover_level_0 li {
	list-style: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 35px;
	line-height: 35px;
}

.hover_level_0 {
	/* 'Level 0' is the main menu that is always visible */
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.hover_level_1 {
	/* 'Level 1' is nested in 'Level 0' and is the first set of drop down or fly out menus. Should not be visible by default */
	display: none;
	position: absolute;
	top: -5px;
	left: -110px;
	z-index: 100;
	margin: 0;
	padding: 0;
}

.hover_level_1 li {
	width: auto;
	height: auto;
	border: 1px solid #000000;
	background: #FFFFFF;
}

.hover_level_1 li img {
	display: block;
	margin: 0;
	padding: 0;
}

.hover_level_0 li:hover .hover_level_1 {
	/* Show 'Level 1' menu when an <li> nested in 'Level 0' is hovered over */
	display: block;
}
/* ------ END: Hover Levels ------ */

.required {
	color:#AF1515;
}