/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Ryan Marincovich
DATE CREATED:	2007.09.11
File Purpose:	Berg Drywall Stylesheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* FONT DEFINITIONS */
table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img.float_left {
	border: 0px;
	float: left;
}

img.float_right {
	border: 0px;
	float: right;
}

img.multiple_section_image {
	margin: 0px 0px 10px 0px;
}

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

/* LINK DEFINITIONS */
a, a:visited { text-decoration: underline; font-weight: bold; color: #990033; }
a:hover, a:active { text-decoration: none; font-weight: bold; color: #990033; }

a.sub_header, a.sub_header:visited { font-size: 15px; text-decoration: underline; font-weight: bold; color: #990033; }
a.sub_header:hover, a.sub_header:active { font-size: 15px; text-decoration: none; font-weight: bold; color: #990033; }

a.right, a.right:visited { font-weight: normal; text-decoration: underline; color: #990033; float: right; }
a.right:hover, a.right:active { font-weight: normal; text-decoration: none; color: #990033; float: right; }

.textError {
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	color: #CC0000;
	background-color: #ffeeee;
}

.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}

.error_text {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 20px 5px 5px;
	margin: 0px 0px 15px 0px;
	color: #CC0000;
	background-color: #FFEEEE;
}

.error_text_inline {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}

/* UNIVERSAL DEFINITIONS */
#table_main {
	width: 780px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(/_images/framework/bg_table_main.gif) top repeat-y;
}

#table_main_home {
	width: 780px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(/_images/framework/bg_table_main.gif) top repeat-y;
}

#table_header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: #ffffff;
}

#table_body_wide {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	vertical-align: top;
	background: url(/_images/framework/bg_container_top.gif) top left no-repeat;
}

#table_body {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	vertical-align: top;
	background: url(/_images/framework/bg_gradient.gif) top no-repeat;
}

#table_body_home {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	vertical-align: top;
}

#table_footer {
	width: 100%;
	height: 60px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_main_shadow_bottom.gif) top left no-repeat;
}

.table_left_shadow {
	width: 10px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_main_shadow_left.gif) top left repeat-y;
}

.table_right_shadow {
	width: 10px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_main_shadow_right.gif) top left repeat-y;
}

.div_side_shadow {
	width: 10px;
	height: 320px;
}

#header {
	width: 100%;
	height: 110px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_main_shadow_top.gif) top left no-repeat;
}

.header_container {
	width: 740px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/about/navbar.gif) bottom left no-repeat;
}

#main_container_error {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#main_container_home {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/home/bg_home.gif) top right no-repeat;
}

#main_container {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_top.gif) top right no-repeat;
}

#main_container_wide {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_top_wide.gif) top right no-repeat;
}

.content_bg_home {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.content_bg {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_main.gif) top right repeat-y;
}

.content_bg_wide {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_main_wide.gif) top right repeat-y;
	position: relative;
}

.table_main_container {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.table_main_td {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.table_main_td_footer {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-position: top right;
	background-repeat: no-repeat;
}

/* --------------------------- COLUMN CONTAINERS FOR BUILD PAGE ----------------------------------- */
.container_full {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.container_full_text {
	width: 680px;
	margin: 16px 0px 0px 35px;
}

.container_left_column {
	width: 180px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.container_column_wleft {
	width: 560px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.container_column_wsquare {
	width: 560px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background: url(/_images/framework/bg_square_image.gif) top right no-repeat;
}

.container_wleft_text {
	width: 530px;
	margin: 16px 0px 0px 15px;
}

.container_products {
	width: 540px;
	margin: 20px 0px 0px 20px;
}

.column_content_image {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.column_content_text {
	margin: 16px 0px 0px 0px;
	padding: 0px;
}

.text_block {
	width: 100%;
	padding: 16px 0px 0px 0px;
}

.text_block_shadow {
	padding: 0px 5px 0px 5px;
}

.text_block_center {
	width: 100%;
	padding: 16px 0px 0px 0px;
	text-align: center;
}

/* --------------------------- HEADER DEFS ----------------------------------------- */
.page_header_container {
	width: 100%;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

.sub_header_full {
	width: 100%;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

.sub_header_text {
	margin: 0px 0px 0px 20px;
	padding: 39px 0px 0px 0px;
	font-weight: bold;
	font-size: 15px;
}

.sub_header_center {
	margin: 0px;
	padding: 39px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
}

.sub_header_store {
	width: 270px;
	margin: 0px 0px 0px 20px;
	padding: 39px 0px 0px 0px;
	font-weight: bold;
	font-size: 15px;
	float: left;
	display: inline;
}

.sub_header_store_links {
	width: 250px;
	margin: 0px 20px 0px 0px;
	padding: 42px 0px 0px 0px;
	font-weight: bold;
	text-align: right;
	float: right;
	display: inline;
}

.sub_header_image {
	width: 320px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.sub_header_square {
	width: 280px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.sub_header_image_text {
	margin: 0px 0px 0px 5px;
	padding: 23px 0px 0px 0px;
	font-weight: bold;
	font-size: 15px;
}

.sub_header_resource {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 15px;
}

/* --------------------------- LEFT NAV DEFS --------------------------------------- */
.left_nav_table {
	width: 100%;
	height: 300px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/bg_left_nav.gif) top left repeat-y;
}

.left_nav_td {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_left_nav_top.gif) top left no-repeat;
}

.left_nav_footer {
	width: 100%;
	height: 16px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/bg_left_nav_bottom.gif) top left no-repeat;
}

.left_nav_container {
	width: 160px;
	margin: 0px 0px 0px 20px;
	padding: 1px 0px 10px 0px;
	background: url(/_images/framework/left_nav_divider.gif) top left no-repeat;
}

.left_nav_link {
	width: 100%;
	margin: 0px;
	padding: 7px 0px 9px 0px;
	background: url(/_images/framework/left_nav_divider.gif) bottom left no-repeat;
}

.left_nav_text {
	width: 150px;
	font-weight: bold;
}

.site_bullet {
	margin: 0px 12px 0px 22px;
}

/* ---------------------------- HOME PAGE DEFS ------------------------------------- */
.home_image_container {
	width: 100%;
	height: 300px;
	margin: 0px;
	padding: 0px;
}

.home_flash {
	width: 760px;
	height: 300px;
	margin: 0px;
	float: left;
	display: inline;
}

.home_table {
	width: 720px;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}

.home_table_welcome {
	width: 430px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.home_table_feature {
	width: 290px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.home_welcome_content {
	width: 420px;
}

.home_feature_content {
	width: 100%;
}

.home_feature_content_image {
	width: 100%;
	float: left;
	background: url(/_images/framework/thumb_frame_home.gif) top right no-repeat;
}

.home_feature_thumb {
	width: 110px;
	height: 110px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	float: right;
}

.home_feature_image {
	width: 100px;
	height: 100px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/thumb_texture.gif) top left repeat-y;
}

.home_table_bg {
	background: url(/_images/home/mod_bevel.gif) top left repeat-y;
}

.padded_content {
	margin: 0px;
	padding: 7px 10px 10px 10px;
}

/* --------------------------------------- SECTION MAIN DEFS -------------------------------------- */
.square_image_container {
	width: 250px;
	height: 250px;
	margin: 20px 0px 20px 20px;
	padding: 0px;
	float: right;
}

.thumb_frame {
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/thumb_frame.gif) top left no-repeat;
}

.thumb_container {
	width: 100px;
	height: 100px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
}

.thumb_table {
	width: 525px;
	margin: 0px;
	padding: 0px;
}

.thumb_table_small {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.thumb_td {
	width: 115px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	vertical-align: top;
}

.thumb_td_frame {
	width: 110px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/thumb_frame.gif) top left no-repeat;
}

.thumb_square {
	width: 100px;
	height: 100px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	background: url(/_images/framework/thumb_texture.gif) top left repeat-y;
}

.thumb_text {
	width: 410px;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	vertical-align: top;
}

.thumb_text_noimage {
	width: 525px;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	vertical-align: top;
}

.thumb_text_small {
	width: 220px;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	vertical-align: top;
}

.thumb_text_noimage_small {
	width: 330px;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	vertical-align: top;
}

.section_image_vertical {
	width: 205px;
	height: 245px;
	margin: 24px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	float: right;
}

.section_image_multiple {
	width: 205px;
	margin: 24px 0px 5px 0px;
	padding: 0px;
	text-align: right;
	float: right;
}

.section_image_square_frame {
	width: 230px;
	height: 230px;
	margin: 24px 0px 15px 15px;
	padding: 0px;
	float: right;
	background-position: top right;
	background-repeat: no-repeat;
}

.section_image_square {
	width: 220px;
	height: 220px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/image_texture_section.gif) top left repeat-y;
}

.table_td_wide_half {
	width: 335px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.table_td_wide_divider {
	width: 15px;
}

.table_two_cols {
	width: 520px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.table_td_half {
	width: 250px;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	vertical-align: top;
}

.table_td_divider {
	width: 20px;
}

.table_td_label {
	width: 110px;
	margin: 0px;
	padding: 3px 0px 5px 0px;
	vertical-align: top;
	text-align: right;
}

.table_td_field {
	width: 410px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	vertical-align: top;
	text-align: left;
}

.featured_gallery_bg {
	width: 680px;
	margin: 20px 0px 0px 40px;
	padding: 0px;
	border-bottom: 1px solid #999999;
	background: url(/_images/framework/featured_bg.gif) top left repeat-y;
}

.featured_gallery_bg_bar {
	width: 680px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/featured_header.gif) top left no-repeat;
}

.featured_gallery_table {
	width: 665px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	background: url(/_images/framework/featured_corner_image.gif) bottom right no-repeat;
}

.featured_tiny_thumb {
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/featured_tiny_frame.gif) top left no-repeat;
	position: relative;
}

.featured_main_image {
	width: 350px;
	height: 350px;
	margin: 0px 0px 60px 15px;
	padding: 0px;
	background-position: top right;
	background-repeat: no-repeat;
}

.featured_thumb_col {
	width: 300px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
}

.featured_main_col {
	width: 365px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	vertical-align: top;
}

.tiny_thumbs {
	width: 100%;
	height: 35px;
	margin: 0px;
	padding: 0px;
}

.form_field_text {
	width: 240px;
	height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.form_field_textarea {
	width: 400px;
	height: 150px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.form_button {
	margin: 5px 0px 0px 10px;
}

.site_map_row {
	margin: 2px 0px 0px 0px;
}

.site_map_row a, .site_map_row a:visited, .site_map_row a:hover, .site_map_row a:active { font-weight: normal; } 

/* ---------------------------- STORE DEFS ------------------------------------- */
.store_signin {
	width: 290px;
	margin: 20px 0px 0px 115px;
	padding: 0px;
	border: 0px;
	background: #e5e5e5;
}

.store_signin_label {
	width: 105px;
	margin: 0px;
	padding: 23px 0px 0px 0px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.store_signin_field {
	width: 185px;
	margin: 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	vertical-align: top;
}

.form_field_pass {
	width: 155px;
	height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.store_signin_button {
	padding: 0px 0px 20px 0px;
}

.store_main_image {
	width: 100%;
	height: 200px;
	margin: 0px;
	padding: 0px;
}

.store_main_text_table {
	width: 520px;
	margin: 0px;
	padding: 0px;
}

.store_main_text {
	width: 230px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.store_main_featured {
	width: 270px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.store_featured_header {
	width: 270px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.store_featured_bg {
	width: 270px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/bg_store_featured.gif) top left repeat-y;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	float: left;
}

.store_featured_no_items_text {
	padding: 8px 10px 10px 10px;
}

.store_thumb_featured {
	width: 125px;
	margin: 9px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	float: left;
	display: inline;
}

.store_thumb_container {
	width: 115px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

.store_thumb_image {
	width: 115px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/thumb_texture_store.gif) top left repeat-y;
}

.store_thumb_details {
	width: 115px;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	float: left;
	display: inline;
}

.store_thumb_price {
	color: #000000;
}

.store_thumb_full_price {
	text-decoration: line-through;
	color: #000000;
}

.store_thumb_sale_price {
	font-weight: bold;
	color: #339900;
}

.store_thumb_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 19px 0px;
	float: left;
	display: inline;
}

.store_thumb_row span {
	margin: 0px 0px 0px 20px;
	float: left;
	display: inline;
}

.no_items {
	width: 100%;
	text-align: center;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	float: left;
}

.store_item_header {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 22px;
	font-size: 18px;
	font-weight: bold;
}

.store_colors_bg {
	width: 240px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
	background: #b2af8f;
}

.store_colors_container {
	width: 238px;
	margin: 1px 0px 1px 1px;
	padding: 9px 0px 0px 0px;
	float: left;
	display: inline;
	background: #eae9df;
}

.store_colors_images {
	width: 225px;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	float: left;
	display: inline;
}

.store_colors_label {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-style: italic;
	text-align: center;
	float: left;
	display: inline;
}

img.store_color {
	margin: 9px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.store_image_container {
	width: 250px;
	height: 250px;
	margin: 4px 0px 20px 0px;
	padding: 0px;
	float: right;
	display: inline;
	background: url(/_images/framework/image_texture_store.gif) top left repeat-y;
}

.store_image_column_container {
	width: 250px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: right;
	display: inline;
}

.store_surcharge_text {
	font-weight: bold;
}

.store_add_cart_bg {
	width: 250px;
	margin: 19px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: #cccccc;
}

.store_add_cart_container {
	width: 248px;
	margin: 1px 0px 1px 1px;
	padding: 0px;
	float: left;
	display: inline;
	background: #e5e5e5;
}

.store_add_cart_notice {
	width: 100%;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	float: left;
	display: inline;
}

.store_table_container {
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 9px 0px;
	text-align: center;
	float: left;
	display: inline;
}

.store_table_row {
	width: 100%;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	float: left;
	display: inline;
}

.store_table_row_alt {
	width: 100%;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	float: left;
	display: inline;
	background: #cccccc;
}

.store_table_qty_head {
	width: 60px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

.store_table_version_head {
	width: 130px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.store_table_price_head {
	width: 58px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: left;
}

.store_table_price_head span {
	padding: 0px 10px 0px 0px;
	text-align: right;
	float: right;
	display: inline;
}

.store_table_qty {
	width: 60px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

.store_table_version {
	width: 130px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.store_table_price {
	width: 58px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	float: left;
}

.store_table_price span {
	padding: 0px 10px 0px 0px;
	text-align: right;
	float: right;
	display: inline;
}

.store_table_color {
	width: 240px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.store_form_container {
	width: 248px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 9px 0px;
	float: left;
	display: inline;
}

.store_form_row {
	width: 230px;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	float: left;
	display: inline;
}

.store_button_container {
	width: 230px;
	margin: 10px 0px 0px 9px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_button_row.gif) top left repeat-x;
}

.store_form_label {
	width: 80px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	float: left;
}

.store_formfield {
	width: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.store_formfield_small {
	width: 25px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

.store_formfield_normal {
	width: 40px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

.store_formfield_table {
	width: 230px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.store_button_center {
	width: 70px;
	height: 25px;
	margin: 0px 0px 0px 80px;
	padding: 0px;
	text-align: center;
	float: left;
	display: inline;
	background: #e5e5e5;
}