body {
	font-family: Helvetica,Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	height: 100%;
	background-color: #F2F2F2;
}
td {
	font-family: Helvetica,Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
}		

h1 {
	margin-bottom: 2px;
}
h2 {
	margin-top: 0px;
	margin-bottom: 2px;
}
h3 {
	margin-bottom: 2px;
}

A:link {text-decoration: none; color: #0099CC;}
A:visited {text-decoration: none; color: #0099CC;}
A:active {text-decoration: none; color: #0099CC;}
A:hover {text-decoration: underline; color: #0099CC;}

#page_container {
	margin-top: 15px;
	width: 850px;
	background-color: #FFF;
}

/* ===== PAGE HEADER ===== */
#page_header {
	width: 850px;
	margin-top: 5px;
}


#page_header_nav_top {
	width: 850px;
	height: 20px;
	text-align: right;
	word-spacing: 10px;
	background-color: #F2F2F2;
}
#page_header_nav_top A:link {text-decoration: none; color: #999;}
#page_header_nav_top A:visited {text-decoration: none; color: #999;}
#page_header_nav_top A:active {text-decoration: none; color: #999;}
#page_header_nav_top A:hover {text-decoration: underline; color: #CC0000;}

#page_header_logo {
	/*width: 240px;*/
	/*height: 150px;*/
	width: 850px;
	height: 125px; 
	float: left;
	text-align: left;
	/*padding: 5px;*/
	
}

#page_header_nav_bottom {
	width: 850px;
	height: 25px;
	/*text-align: right;*/
	font-size: 12px;
	word-spacing: 3px;
	/*padding: 5px;*/
	float: left;
	position: relative;	
	background-color: #99CCFF;
}

#page_header_nav_bottom A:link {text-decoration: none; color: #000;}
#page_header_nav_bottom A:visited {text-decoration: none; color: #000;}
#page_header_nav_bottom A:active {text-decoration: none; color: #000;}
#page_header_nav_bottom A:hover {text-decoration: underline; color: #FFF;}

/*
#page_header_nav_bottom ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0 5 0 5;
	bottom: 10;
	right: 0;
}
#page_header_nav_bottom li {
	float: left;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	background-color: #FFF;
	padding: 0 5 0 5;
	border-width: 1px 0;
}
*/

#nav_top_products {
	float: left;
	position: relative;
	height: 25px;
	width: 425px;
}
#nav_top_products ul {
	/*position: absolute;*/
	list-style: none;
	padding: 0;
	margin: 0 5 0 5;
	bottom: 10;
	right: 0;
}
#nav_top_products li {
	float: left;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	/*height: 100px;*/
	line-height: 25px;
	text-align: center;
	cursor: default;
	background-color: #99CCFF;
	padding: 0 15 0 5;
	border-width: 1px 0;
}



#nav_top_info {
	float: left;
	position: relative;
	height: 25px;
	line-height: 25px;
	word-spacing: 5px;
	text-align: right;
	padding-right: 5px;
	width: 420px;
}

#nav_top_info A:link {text-decoration: none; color: #666;}
#nav_top_info A:visited {text-decoration: none; color: #666;}
#nav_top_info A:active {text-decoration: none; color: #666;}
#nav_top_info A:hover {text-decoration: underline; color: #FFF;}

#nav_top_info ul {
	/*position: absolute;*/
	list-style: none;
	padding: 0;
	margin: 0 5 0 5;
	bottom: 10;
	right: 0;
}
#nav_top_info li {
	float: left;
	/*position: relative;*/
	font-size: 11px;
	line-height: 25px;
	/*text-align: center;*/
	cursor: default;
	background-color: #FFF;
	padding: 0 5 0 5;
	/*border-width: 1px 0;*/
}


/* ===== PAGE TITLE ===== */
#page_title {
	clear: both;
	width: 850px;
	height: 25px;
	text-align: right;
}

/* ===== PAGE CONTENT ===== */
#page_content {
	clear: both;
	width: 850px;
	text-align: left;
}

/* ===== FRAMES ===== */

#frames_tab_content {
	width: 625px;
	margin: 0 10px 0 10px;
	float: left;
}
#frames_tab_mini_view {
	width: 210px;
	margin: 5 0 5 5;
	float: left;
}

.frames_nav img{
	border: 1px solid #FFF;
}

.frames_nav:hover img{
	border: 1px solid #CCC;
}

div #tradesman_wrapper {
	width: 625px;
	float: left;
}

#tradesman-intro-photo {
	width: 300px; 
	position: relative;
	margin: 0 0 25px 120px;
	float: left; 
	padding-right: 10px;
}
#tradesman-intro-photo img {
	width: 300px;
	border; 0;
}
#tradesman-intro-words {
	width: 300px; 
	position: relative;
	float: left; 
}
#tradesman-intro-words img {
	margin-bottom: 15px;
}
#tradesman-intro-words .tradesman-intro-slogan {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#tradesman-intro-words #tradesman-intro-prices {
	font-size: 12px;
	color: #999;
}
#tradesman-intro-words .btnPlaceOrder {
	margin-top: 25px;
}

.tradesman_specs {
	width: 625px;
	border-collapse: collapse;
}
.tradesman_specs td {
	padding: 5px;
	border: 1px solid #CCC;
}
.tradesman_specs .tradesman_cell_title {
	font-weight: bold;
}

.tradesman-kit-title {
	margin-top: 15px;
}

.tradesman-kit {
	width: 625px;
	border-collapse: collapse;
	display: none;
}
.tradesman-kit .tradesman-kit-part-title {
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
}
.tradesman-kit .tradesman-kit-part-name {
	padding: 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
}

.tradesman-order-now { margin-left: 15px; }
.tradesman-order-now A:link {text-decoration: none; color: #3399FF;}
.tradesman-order-now A:visited {text-decoration: none; color: #3399FF;}
.tradesman-order-now A:active {text-decoration: none; color: #3399FF;}
.tradesman-order-now A:hover {text-decoration: underline; color: #3399FF;}

#tradesman-order-price {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#tradesman-shipping-wrapper {
	margin-top: 25px;
}
.tradesman-shipping-note {
	font-weight: bold;
}
.tradesman-shipping-table {
	width: 625px;
	border-collapse: collapse;
}
.tradesman-shipping-table .shipping-destination {
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
}
.tradesman-shipping-table .shipping-price {
	padding: 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	text-align: right;
}

#tradesman-dealers {
	margin-top: 25px;
}
#tradesman-dealers p {
	margin-bottom: 5px;
}
#tradesman-dealers .tradesman-dealer-state {
	font-weight: bold;
	margin-top: 10px;
}

#tradesman-faq {
	padding: 5px;
}
#tradesman-faq h3 {
	padding-top: 10px;
}

/* ===== GOODS ===== */

}
.goods_nav:hover{
	color: #CCC; /* irrelevant definition to overcome IE bug */
}

.goods_nav img{
	border: 1px solid #FFF;
}

.goods_nav:hover img{
	border: 1px solid #CCC;
}

.goods_nav:hover{
	color: CCC; /* irrelevant definition to overcome IE bug */
}

.buttonBuy {
	font-weight: bold;
	color: #FFF;
	background-color: #CC0000;
	padding: 2px;
	border: 1px solid #000;
	
}

.btnPlaceOrder {
	background-color: #3399FF; 
	color: #FFF; 
	font-weight: bold; 
	font-size: 16px; 
	padding: 10px; 
	border: 0;
}

/* ===== TEAM ===== */
.team_sponsor {
	width: 210px;
	height: 170px;
	float: left;
	text-align: center;
	
}

/* ===== FORM ELEMENTS ===== */

.buttonGray {
	background-color: #CCC;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
}

.buttonBlue {
	background-color: #99CCFF;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
}

form fieldset {
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	background-color:#FFF;
	margin:20px 0px 20px 0px;
	width:350px;
	position:relative;
	display:block;
	padding: 0 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	
}

form fieldset legend {
	font-weight:bold;		
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	padding:2px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -5px;
	
}

label{
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:0px 5px 0px 0px;
}

/* ===== BUTTONS ===== */

.buttonRed {
	background-color: #CC0000;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
}

.buttonGreen {
	background-color: #00CC00;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
}
.buttonGrayLight {
	background-color: #CCCCCC;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
}



/* ===== PAGE FOOTER ===== */
#page_footer {
	clear: both;
	width: 850px;
	padding: 10 0 10 0;
	text-align: center;
	color: #CCC;
	background-color: #F2F2F2;
}
#page_footer A:link {text-decoration: none; color: #999;}
#page_footer A:visited {text-decoration: none; color: #999;}
#page_footer A:active {text-decoration: none; color: #999;}
#page_footer A:hover {text-decoration: underline; color: #CC0000;}


/* ===== FRAME 'TABS' NAV ===== */
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #99CCFF;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #99CCFF;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #CC0033;
color: #fff;
}
#navcontainer ul li a #active {
	background-color: #CC0033;
}

ul#frames_nav_left li { 
  list-style: none; 
  background-color: #FFF; 
  text-align: left; 
  margin: 0 0 0 5; 
}
ul#frames_nav_left li a { 
  display: block; 
  text-decoration: none; 
  padding: .25em; 
}
ul#frames_nav_left a:link, a:visited { color: #000; }
ul#frames_nav_left a:hover, a:active { color: #000; text-decoration: underline; }

.list_bullets {
	list-style: bullet;
	margin-left: 15;
	/*padding-left: 1em;
	text-indent: -1em;*/
	line-height: 20px;
}

a.frame-sprite-tradesman {
	display: block;
	width: 375px;
	height: 265px;
	text-decoration: none;
	background: url("/images/frames/tradesman-sprite.jpg");
}

a.frame-sprite-tradesman:hover {
	background-position: -375px 0;
}

a.frame-sprite-grasshopper {
	display: block;
	width: 375px;
	height: 265px;
	text-decoration: none;
	background: url("/images/frames/grasshopper-sprite.jpg");
}

a.frame-sprite-grasshopper:hover {
	background-position: -375px 0;
}

.displace {
	position: absolute;
	left: -5000px;
}


/* FRAMES */

#tradesman-drawing {
	width: 820px;
	height: 520px;
	display: none;
	position:absolute;
  	left: 50%;
  	top: 50%;
  	margin-left: -400px;
  	margin-top: -250px;
	border: 5px solid #CCC;
	background: #FFF;
	padding: 10px;
}

.tradesman-drawing-thumbnail {
	border: 0;
}

/* ////////////////////////////////////////////////////////////////////////////////// */
/* STEMS */

div.stems_tabs_wrapper {
	width: 100%;
	height: 25px;
}

div.stems_content_wrapper {
	padding: 0 10px 0 10px;
	margin-bottom: 15px;
}

div.stems_header_tab_overview {
	float: left;
	padding: 5px 15px 5px 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #0099CC;
}
div.stems_header_tab {
	float: left;
	padding: 5px 15px 5px 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #0099CC;
}

div.stems_overview_wrapper {
	width: 800px; 
	float: left;
	padding: 10px 20px 25px 20px;
	line-height: 24px;
}

div.stems_overview_wrapper img {
	float: left;
	padding-right: 10px;
}

div#stems_overview_left {
	float: left;
	width: 400px;
}

div#stems_overview_thumbnails_wrapper {
	width: 400px;"
}
div.stems_overview_thumbnail {
	width: 80px; 
	height: 80px; 
	margin: 5px; 
	padding: 2px; 
	float: left; 
	text-align: center; 
	border: 1px solid #CCC;
}
div.stems_overview_thumbnail img {
	margin-left: 2px;
	border: 0px;
}



div#stems_overview_right {
	float: left;
	width: 400px;
}

div.stems_primer_wrapper {
	width: 800px; 
	float: left;
	padding: 10px 20px 25px 20px;
	line-height: 24px;
}

div.stems_order_tabs_wrapper {
	width: 200px; 
	float: left;
	padding: 0 10px 0 10px;
}

div.stems_order_tab {
	height: 30px;
	line-height: 30px;
}

div.stems_order_tab_current {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: underline;
	color: #0099CC;
}

#stems_order_overview_wrapper { 
	float: left;
	width: 600px;
	margin-bottom: 25px;
	line-height: 24px;
}

#stems_order_form_wrapper { 
	float: left;
	width: 275px;
	margin-bottom: 25px;
}

#stems_order_form_basic_wrapper { 
	float: left;
	width: 400px;
	margin-bottom: 15px;
}

.stems_order_form_dropdown {
	font-size: 11px;
}

#stems_order_results_wrapper {
	float: left;
	padding: 10px;
	background-color: #F2F2F2;
	border: 1px solid #000;
	margin-left: 20px;
	margin-bottom: 15px;
	width: 300px;
	display: none;
}

table.stem_order_form {
	border-collapse: collapse;
}
table.stem_order_form td {
	padding: 3px;
}

table.stem_order_form td#stem_order_price {
	font-size: 14px;
	font-weight: bold;
}

table.stem_calc_results {
	border-collapse: collapse;
}

table.stem_calc_results td {
	padding: 5px;
	font-size: 14px;
}

table.stem_calc_results td.stem_calc_results_title {
	font-weight: bold;
	vertical-align: top;
}

.stem_calculate_button {
	padding: 5px;
	background-color: #CCCCCC;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #666;
}

.stem_order_button {
	padding: 8px;
	background-color: #CC0000;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #666;
	letter-spacing: 1px;
}

#stem_order_graphic {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.stems_colors {
	float: left;
	display: none;
	z-index: 666;
	width: 225px;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
}

p.stems_fine_print {
	color: #CCCCCC;
}

h2.stems_faq_question {
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}
.stems_faq_answer {
	margin-bottom: 50px;
	line-height: 20px;
}

/* SOULCRAFT FORMS */

.soulcraft_forms {
	margin:0 auto;
	width:100%;
	padding: 0 0 15px 15px;
}

#dealer_application {
	width: 90%;
	float: left;
}

#dealer_application h1 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
}

#dealer_application p {
	font-size:11px;
	color:#000000;
	margin-bottom:20px;
	padding-bottom:10px;
}

#dealer_application label {
	display:block;
	font-size: 14px;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	line-height: 20px;
}

#dealer_application .label_required {
	color: #CC0000;
}

#dealer_application .small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#dealer_application input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	/*margin:2px 0 20px 10px;*/
}
#dealer_application .dealer_application_button {
	clear:both;
	margin-left:145px;
	width: 175px;
	height:31px;
	background:#666666;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding: 5px;
}



/* ////////////////////////////////////////////////////////////////////////////////// */

/* ///// KITS ADMIN ///// */

div .admin-kits-title {
	padding: 5px; 
	font-size: 20px; 
	font-weight: bold;
	letter-spacing: .2em;
}

div .admin-kits-sub-title {
	padding: 5px; 
	font-size: 14px; 
}

div .admin-kits-frame-title {
	float: left;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
}
div .admin-kits-frame-plus-minus {
	float: left;
	padding: 5px 5px 0 5px;
	width: 10px;
	font-size: 16px;
	font-weight: bold;
}

.admin-kit-title-edit-row {
	display: none;
}

.admin-frame-kits-wrapper .admin-frame-kits {
	width: 825px;
	padding: 5px;
	border-collapse: collapse;
	margin: 5px;
}

.admin-frame-kits-wrapper .one-third {
	float: left;
	width: 30%;
	padding: 5px;
}

.admin-frame-kits {
	border-collapse: collapse;
}

.admin-frame-kits td {
	padding: 5px;
}

.admin-frame-kits .data-title {
	font-size: 14px;
	font-weight: bold;
}

.admin-frame-kits-wrapper {
	display: none;
}
	
.admin-frame-kits .row-title {
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.admin-frame-kits .row-data {
	border-bottom: 1px solid #CCC;
}
.admin-frame-kits .row-edit {
	text-align: right;
	border-bottom: 1px solid #CCC;
}

.btn-new-kit {
	padding: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	background-color: #3366FF;
	border: 0;
}

.btn-add-option {
	padding: 3px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	background-color: #CCC;
	border: 0;
}

.btn-submit {
	padding: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #00FF00;
	border: 0;
}
.btn-cancel {
	padding: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF0000;
	border: 0;
}

.admin-frame-kits-components {
	width: 825px;
	border-collapse: collapse;
	padding: 5px;
}

.admin-frame-kits-components .kit-component-data-title {
	padding: 5px;
	font-weight: bold;
}
.admin-frame-kits-components .kit-component-data-title-spread {
	width: 100%;
	padding: 5px;
	font-weight: bold;
}
.admin-frame-kits-components .kit-component-data {
	padding: 5px;
}

.label-status-active {
	color: #00FF00;
}
.label-status-inactive {
	color: #FF0000;
}
.label-status-neutral {
	color: #000000;
}