/* -----------------------------------------------------------------------------------------------------
File Author:	Jeremy Burgeson
Date Created:	2008.10.24
File Purpose:	Versare Website Family - Printable Style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* --------------------------- UNIVERSAL DEFS ------------------------------ */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}
table, tr, td {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
}

p { margin: 0px; padding: 0px 0px 12px 0px; }
ul { margin-top: 0px; margin-bottom: 12px; padding-top: 0px; }
ol { margin-top: 0px; margin-bottom: 12px; padding-top: 0px; }

input, select {
	font-size: 11px;
}
img.float_left {
	border: 0px;
	float: left;
}
img.float_right {
	border: 0px;
	float: right;
}
h1.print-header { 
	margin: 10px 0 0; 
	float: left;
}
/* --------------------------- END UNIVERSAL DEFS -------------------------- */

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

a.sort, a.sort:visited { font-weight: bold; text-decoration: underline; color: #ffffff;}
a.sort:hover, a.sort:active { font-weight: bold; text-decoration: none; color: #ffffff;}

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

a.grey, a.grey:visited { font-weight: bold; text-decoration: underline; color: #999999;  }
a.grey:hover, a.grey:active { font-weight: bold; text-decoration: none; color: #999999;  }
/* --------------------------- END LINK DEFS ------------------------------- */

/* ------------------------------  BODY STYLES  -------------------------------------------------------- */
form.no_margin {
	margin: 0px;
	padding: 0px;
}

#bodyContainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#table_main {
	width: 670px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#table_body {
	width: 670px;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	vertical-align: top;
}

#main_container {
	width: 670px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}
#main_container_product {
	width: 670px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}

.logo_bar {
	width: 670px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}

.contact_info_bar {
	width: 670px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}
.contact_info_phone {
	font-weight: bold;
	margin: 3px 0px 3px 0px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}
.contact_info_web {
	font-weight: bold;
	margin: 3px 0px 3px 0px;
	padding: 0px;
	float: right;
	display: inline;
	position: relative;
}

/* --------------------------- COLUMN CONTAINERS FOR BUILD PAGE ----------------------------------- */
.container_full {
	width: 670px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.container_full_center {
	width: 580px;
	margin: 0px 0px 0px 100px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.container_column_wright {
	width: 600px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.container_left_column {
	width: 180px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	position: relative;
}
.container_centered_column {
	width: 580px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.container_column_wleft {
	width: 580px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.container_middle_column {
	width: 400px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
}

/* --------------------------- END COLUMN CONTAINERS FOR BUILD PAGE ------------------------------- */

/*****************************************************************************/
/* --------------------------- PAGE CONTENT DEFS --------------------------- */
/*****************************************************************************/

/* --------------------------- MODULE DEFS ---------------------------------------- */

/* --------------------------- END MODULE DEFS ------------------------------------ */

/* --------------------------- PAGE DETAIL DEFS -------------------------------- */

.resource_title_full {
	width: 670px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	float: left;
	line-height: 22px;
	font-size: 18px;
}
.resource_index_container {
	width: 570px;
	margin: 5px 0px 0px 10px;
	padding: 11px 0px 0px 0px;
	float: left;
	display: inline;
}
.resource_index_table {
	width: 560px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.resource_index_col {
	width: 160px;
	margin: 0px;
	padding: 7px 0px 10px 0px;
	vertical-align: top;
}
.resource_index_divider {
	width: 20px;
	margin: 0px;
	padding: 0px;
}
.resource_index_spacer {
	width: 20px;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.resource_index_table_header {
	width: 340px;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	vertical-align: top;
}
.resource_details {
	width: 670px;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.resource_centered_content {
	width: 670px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	float: left;
}
.resource_details_subcontent {
	width: 670px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	float: left;
}
.resource_details_subcontent_header {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.resource_header {
	width: 404px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
.resource_header_full {
	width: 670px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
.resource_header h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 22px;
	display: inline;
}

.resource_image_container {
	width: 250px;
	height: 250px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: right;
	display: inline;
}

.resource_price {
	width: 670px;
	font-weight: bold;
	color: #000000;
}
.resource_price span {
	text-decoration: line-through;
}
.resource_sale_price {
	width: 670px;
	font-weight: bold;
	color: #009933;
}
.resource_price_container_full {
	width: 670px;
	padding: 0px 0px 16px 0px;
	float: left;
}
.resource_price_container {
	width: 404px;
	padding: 0px 0px 16px 0px;
	float: left;
}
.resource_price_detail {
	font-weight: bold;
	color: #000000;
	float: left;
}
.resource_price_detail span {
	text-decoration: line-through;
}
.resource_sale_price_detail {
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	color: #009933;
	float: left;
}


.sizes_table {
	width: 670px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	float: left;
	display: inline;
	border-top: 1px solid #000000;
}
.sizes_table td {
	border-bottom: 1px solid #000000;
}
.sizes_row {
	width: 670px;
	margin: 0px;
	padding: 2px 0px 3px 0px;
	vertical-align: top;
}
.sizes_row span {
	width: 100px;
}
.sizes_row_alt {
	background: #ffffff;
}
.sizes_col_head {
	width: 100px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.size_label_3 {
	width: 339px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.size_label_2 {
	width: 449px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.size_label_1 {
	width: 559px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.size_price {
	color: #000000;
	font-weight: normal;
}
.size_old_price {
	color: #000000;
	font-weight: normal;
	text-decoration: line-through;
}
.size_sale_price {
	color: #009933;
	font-weight: bold;
}

.colors_table_header {
	width: 670px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	float: left;
	display: inline;
}
.colors_table_header span {
	margin: 2px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
.colors_table {
	width: 670px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	float: left;
	display: inline;
}
.colors_table_col {
	width: 60px;
	margin: 0px;
	padding: 0px 7px 5px 7px;
	vertical-align: top;
}
.color_thumb_bg {
	width: 60px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.color_text {
	width: 60px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
}
.color_text_none {
	width: 670px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	font-style: italic;
	float: left;
	display: inline;
}

.features_container {
	width: 670px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}
.features_row {
	width: 325px;
	margin: 6px 20px 0px 0px;
	padding: 0px;
	float: left;
}
.features_row_alt {
	width: 325px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.features_row p {
	margin: 0px;
	padding: 0px;
}
.features_image_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.features_thumb_bg {
	width: 100px;
	height: 100px;
	margin: 4px 10px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: #b6b28e;
	position: relative;
}
.features_thumb {
	width: 100px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.features_text {
	width: 214px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.features_text_nothumb {
	width: 214px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* --------------------------- END PAGE DETAIL DEFS ---------------------------- */

/*****************************************************************************/
/* --------------------------- END PAGE CONTENT DEFS ----------------------- */
/*****************************************************************************/