/* -----------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich
Date Created:	2008.12.3
File Purpose:	SGR Gift Card Innovations - Base Style sheet
REVISIONS:
	2009.02.05.RAM - Modify Site Map styles for tableless global function
-------------------------------------------------------------------------------------------------------- */


/* --------------------------- UNIVERSAL DEFS ------------------------------ */
table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 15px;
}

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; }
h3 { font-weight: normal; font-size: 18px; line-height: 22px; margin: 5px 0px 0px 0px; padding: 0px; color: #af9975; }

input, select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
img.float_left {
	border: 0px;
	float: left;
}
img.float_right {
	border: 0px;
	float: right;
}
form.no_margin {
	margin: 0px;
	padding: 0px;
	float: left;
}
/* --------------------------- END UNIVERSAL DEFS -------------------------- */

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

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

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

.pager_nav_text {
	font-weight: normal;
	color: #95c0d4;
	padding: 0px 3px 0px 3px;
}
.pager_nav_current {
	font-weight: bold;
	color: #95c0d4;
}
/* --------------------------- END LINK DEFS ------------------------------- */

/* --------------------------- ERROR DEFS ---------------------------------- */
.textError {
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	padding: 0px;
	background-color: #ffeeee;
}
.textError h1 {
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	float: left;
}
.textError ul {
	margin: 0px;
	padding: 5px 10px 5px 30px;
}

.textError a { padding: 10px; }

.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}
/* --------------------------- END ERROR DEFS ------------------------------ */

/* --------------------------- OVERLAY DEFS -------------------------------- */
#mainOverlay {
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 900;
}
#photoGallery {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
#photoGalleryMouseTracker {
	width: 100%;
	height: 100%;
}
#videoPlayer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.overlay_video_frame {
	width: 660px;
	height: 500px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/overlay/frame-video.gif) top left no-repeat;
}
#videoFrame {
	width: 640px;
	border: none;
	text-align: center;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	position: relative;
}
.message_no_video {
	width: 100%;
	margin: 0px;
	padding: 26px 0px 0px 0px;
	font-style: italic;
	text-align: center;
}
.overlay_bg {
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}
.overlay_content {
	width: 100%;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
.overlay_table {
	width: 700px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}
.overlay_table_header {
	width: 700px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}
.overlay_header_bar {
	width: 640px;
	height: 30px;
	margin: 20px 0px 0px 30px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
	background: url(/_images/overlay/bg-gallery-header.gif) top left repeat-x;
}
.overlay_tabs {
	width: 155px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}
.overlay_tab_link {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}
.close_button {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	float: right;
}
.overlay_table_content {
	width: 100%;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	background-position: top left;
	background-repeat: repeat-y;
}
.overlay_padded_content {
	width: 642px;
	margin: 15px 0px 0px 30px;
	padding: 0px;
	float: left;
	display: inline;
}
.overlay_table_footer {
	width: 700px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}
.gallery_title {
	margin: 0px;
	padding: 6px 0px 0px 0px;
	float: left;
	font-weight: bold;
}
.gallery_detail_container {
	width: 645px;
	height: 487px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	float: left;
	display: inline;
}
.gallery_image_container {
	width: 410px;
	height: 410px;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
	background: url(/_images/overlay/frame-gallery-image.gif) top left no-repeat;
}
.gallery_image {
	width: 400px;
	height: 400px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	position: relative;
}
.gallery_image_absolute {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 400px;
	z-index: 20;
	visibility: hidden;
}
.gallery_thumbs_container {
	width: 235px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	float: left;
	display: inline;
}
.gallery_thumbs {
	width: 230px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.gallery_tiny_thumb_container {
	width: 45px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/overlay/bg-gallery-thumb.gif) top left no-repeat;
}
.gallery_tiny_thumb {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}
.view_flash_button {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	float: left;
	position: relative;
}
.gallery_tinythumb_on {
	position: absolute; 
	left: 0px;
	top: 0px;
	z-index: 30;
	cursor: pointer;
	visibility: hidden;
}
.gallery_desc {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.gallery_no_images {
	width: 402px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: center;
}
/* --------------------------- END OVERLAY DEFS ---------------------------- */

/* --------------------------- HOME DEFS ----------------------------------- */
.home_container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg-home.gif) top left no-repeat;
}
.home_main_image_container {
	width: 524px;
	height: 354px;
	margin: 13px 0px 0px 3px;
	padding: 0px;
	float: left;
	display: inline;
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}
.home_main_image {
	margin: 12px 0px 0px 12px;
	padding: 0px;
	float: left;
	display: inline;
}
.home_main_image_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 524px;
	height: 354px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.home_table {
	width: 740px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.home_welcome_col {
	width: 520px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.home_welcome_header {
	width: 100%;
	height: 33px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.home_welcome_text {
	margin: 0px;
	padding: 16px 20px 10px 30px;
	float: left;
	display: inline;
}
.home_featured_col {
	width: 210px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
}
.home_feature_container {
	width: 210px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}
.home_feature_image {
	margin: 15px 15px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}
.home_feature_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 210px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
}
.home_callouts_bg {
	width: 200px;
	height: 212px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	float: right;
	background: url(/_images/framework/bg-home-callouts.gif) top left no-repeat;
}
.home_callouts {
	width: 160px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}
.home_callout_image {
	width: 160px;
	height: 80px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	position: relative;
}
.home_callout_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
}
/* --------------------------- END HOME DEFS ----------------------------------- */

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

/* --------------------------- PAGE/SECTION HEADER DEFS ----------------------------------- */
.page_header {
	margin: 0px;
	padding: 18px 0px 10px 0px;
	position: relative;
}

/* --------------------------- END PAGE HEADER DEFS ------------------------------- */

/* --------------------------- PAGE DETAIL DEFS -------------------------------- */
.page_image_bg {
	width: 277px;
	height: 280px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	float: right;
	background: #ffffff url(/_images/framework/frame-page-image.gif) top right no-repeat;
	position: relative;
}
.page_image_container {
	width: 240px;
	height: 240px;
	margin: 15px 15px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}
.page_image_overlay {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 270px;
	height: 270px;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
}
.page_flash_bg {
	width: 380px;
	height: 380px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	float: right;
	background: #ffffff url(/_images/framework/frame-programs-flash.gif) top right no-repeat;
	position: relative;
}
.page_flash_container {
	width: 350px;
	height: 350px;
	margin: 10px 10px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}
.page_text {
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
.page_index_text {
	margin: 0px;
	padding: 14px 100px 0px 90px;
}
.page_text_no_resources {
	text-align: center;
	font-style: italic;
	margin: 16px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}
.thumb_row_frame {
	width: 110px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/frame-thumb-image.gif) top left no-repeat;
}
.thumb_row_image {
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 5px 0px 0px 5px;
	float: left;
	display: inline;
	position: relative;
}
.resource_thumb_rows_container {
	width: 550px;
	margin: 24px auto 0px auto;
	padding: 0px;
}
.thumb_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
}
.resource_thumb_text_image {
	width: 430px;
	margin: 1px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
}
.table_index_paging {
	margin: 0px;
	padding: 9px 0px 0px 10px;
	text-align: right;
	float: left;
	display: inline;
	color: #95c0d4;
}
.table_index_right_text {
	margin: 0px;
	padding: 9px 10px 0px 0px;
	text-align: right;
	float: right;
	display: inline;
}
.news_index_bg {
	width: 500px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background: url(/_images/headers/bg-news-index.gif) top left no-repeat;
}
.news_index {
	width: 490px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.news_index_header {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.news_index_header a, .news_index_header a:visited, .news_index_header a:hover, .news_index_header a:active { color: #ffffff; }

.news_index_title {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	border: 0px;
	vertical-align: top;
}
.news_index_date {
	margin: 0px;
	padding: 5px 10px 5px 0px;
	text-align: right;
	font-weight: bold;
	border: 0px;
	vertical-align: top;
}
.alt_row {
	background: #f8f8f8;
}
.resource_index_table {
	width: 720px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}
.resource_index_header_bar {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}
.resource_index_col {
	width: 140px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	vertical-align: top;
}
.resource_index_thumb {
	width: 110px;
	height: 110px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/frame-thumb-image.gif) top left no-repeat;
}
.resource_index_image {
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 5px 0px 0px 5px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg-thumb-image.gif) top left no-repeat;
	position: relative;
}
.resource_index_divider {
	width: 5px;
	margin: 0px;
	padding: 0px;
}
.resource_index_spacer {
	width: 5px;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.resource_index_text {
	width: 110px;
	margin: 0px;
	padding: 1px 15px 0px 15px;
	float: left;
	display: inline;
	text-align: center;
}
.resource_empty_row {
	width: 140px;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.resource_padded_content {
	margin: 0px;
	padding: 14px 0px 0px 0px;
}

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

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

/* --------------------------- CONTACT SECTION DEFS ----------------------------------- */
.contact_main_table {
	width: 450px;
	margin: 19px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}
.contact_main_col {
	width: 215px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.contact_main_col_text {
	margin: 0px;
	padding: 6px 10px;
}
.contact_main_divider {
	width: 20px;
	margin: 0px;
	padding: 0px;
}
.contact_main_spacer {
	width: 20px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
.contact_main_header {
	width: 215px;
	height: 25px;
}
.contact_form_text_block {
	width: 450px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}
.contact_table_form {
	width: 450px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
}
.contact_form_label {
	width: 190px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	vertical-align: top;
}
.contact_form_field {
	width: 260px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.contact_form_text {
	width: 180px;
	margin: 0px;
	padding: 2px 10px 3px 0px;
	float: left;
	text-align: right;
	background: #e2f6f9;
}
.contact_form_field_text {
	width: 258px;
	margin: 5px 0px 0px 0px;
	padding: 2px 0px;
	float: left;
	border: 1px solid #a5acb2;
}
.contact_form_textarea_label {
	width: 450px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	vertical-align: top;
}
.contact_form_textarea_text {
	width: 440px;
	margin: 0px;
	padding: 2px 0px 3px 10px;
	float: left;
	text-align: left;
	background: #e2f6f9;
}
.contact_form_textarea {
	width: 448px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
	border: 1px solid #a5acb2;
}
.contact_button {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.centered_button {
	width: 100%;
	vertical-align: top;
	text-align: center;
}
.contact_centered_link {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.mailing_list_callout {
	width: 425px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	color: #00467f;
	float: left;
	background: #ff8f1e url(/_images/overlay/callout-top.gif) top left no-repeat;
}
.callout_checkbox {
	width: 14px;
	height: 14px;
	margin: 9px 0px 0px 10px;
	padding: 0px;
}
.mailing_list_checkbox {
	width: 35px;
	padding: 0px;
	float: left;
	display: inline;
}
.mailing_list_text {
	width: 370px;
	padding: 6px 0px 0px 0px;
	float: left;
	display: inline;
}
.mailing_list_callout_footer {
	width: 425px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/overlay/callout-bottom.gif) top left no-repeat;
}
.button_image {
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
}
/* --------------------------- END CONTACT SECTION DEFS ----------------------------------- */


/* --------------------------- UTILITIES SECTION DEFS ----------------------------------- */
.sm_col {
	width: 260px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.sm_col_left {
	margin: 0px;
	float: left;
	display: inline;
}
/* Hides from IE-mac \*/
* html .sm_col_right { margin: 0px 0px 0px 277px; }
.sm_col_right {
	margin: 0px 0px 0px 280px;
}
/* End hide from IE-mac */
.sm_row {
	width: 260px;
	margin: 0px;
	padding: 16px 0px 0px 0px;
}
.sm_row_link_row {
	width: 260px;
	margin: 0px;
	padding: 0px;
}
ul.pages_list {
	width: 260px;
	margin: 0px;
	padding: 0px;
}
li.pages_link {
	width: 215px;
	margin: 0px;
	padding: 0px 0px 0px 45px;
	list-style-type: none;
	background: url(/_images/framework/site-bullet.gif) top left no-repeat;
	position: relative;
}

/* --------------------------- END UTILITIES SECTION DEFS ----------------------------------- */