/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Jeremy Burgeson
DATE CREATED:	2004.01.20
PURPOSE:		Horizon Pool Supplu Stylesheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* Base font definition */

A, CENTER, P, UL, OL, BLOCKQUOTE, TD, TH, H1, H2, H3, H4, H5, H6
.textStandard, .textStandardDim, .textStandardWhite, textHeader, .textSubHeader, .textSmall, .textMedium, .textFooter, 
.textNavBarCallOut, .textSalePrice, .textCartTableHeader, .textError, textErrorSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form {
	margin: 0px;
	padding: 0px;
}

img.float_left {
	border: 0px;
	float: left;
	display: inline;
}


/* Body style */

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	background: #003275 url(/images/framework/bg_gradient.gif) top left repeat-x;
}

#main_shadow_table {
	width: 800px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background-repeat: repeat-y;
}

.main_shadow_container {
	width: 800px;
	height: 100%;
	vertical-align: top;
}

#main_table {
	width: 800px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(/images/framework/bg_table_sub_nav.gif) bottom left repeat-y;
}

#main_table_home {
	width: 800px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.table_head {
	width: 800px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.header {
	width: 790px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	background: url(/images/framework/bg_main_shadow_top.gif) bottom left no-repeat;
}

.main_logo {
	width: 200px;
	height: 90px;
	margin: 30px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}

.header_text {
	width: 185px;
	height: 55px;
	margin: 65px 10px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}

.main_table_spacer {
	width: 10px;
	vertical-align: top;
	background: url(/images/framework/bg_top_left_shadow.gif) top left no-repeat;
}

.main_table_minheight {
	width: 10px;
	height: 500px;
}

.main_body {
	width: 790px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	position: relative;
}

.main_content {
	width: 780px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
}

.table_footer_home {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	background: url(/images/framework/bg_main_shadow_bottom.gif) bottom left no-repeat;
	position: relative;
}

.table_footer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	background: url(/images/framework/bg_sub_shadow_bottom.gif) bottom left no-repeat;
	position: relative;
}

.footer {
	width: 100%;
	height: 80px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

.footer_content {
	color: #999999;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: 11px;
}

.footer_text {
	padding: 7px 0px 0px 0px;
}

.left_nav_image {
	width: 150px;
	height: 101px;
}

.left_nav_container {
	width: 150px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	background: url(/images/framework/nav/left_nav_top.gif) top left no-repeat;
}

.breadcrumb_table {
	width: 630px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: url(/images/framework/bg_breadcrumb.gif) top left no-repeat;
}

.breadcrumb_text {
	margin: 0px 0px 0px 20px;
}

.home_image {
	width: 780px;
	height: 250px;
	margin: 0px;
	padding: 0px;
}

.main_nav_container {
	width: 780px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: url(/images/home/bg_main_nav.gif) top left no-repeat;
}

.main_nav_divider {
	width: 10px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.main_nav_image {
	width: 152px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.table_home_columns {
	width: 760px;
	margin: 16px 0px 0px 0px;
	padding: 0px;
}

.table_home_col1 {
	width: 460px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.table_home_text {
	width: 420px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	line-height: 15px;
}

.table_home_col2 {
	width: 300px;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
}

.home_mod {
	width: 300px;
	height: 75px;
	margin: 0px;
	padding: 0px;
}

.feature_thumb_container {
	width: 75px;
	height: 75px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.thumb_square_bg {
	width: 75px;
	height: 75px;
	margin: 0px;
	padding: 1px 0px 0px 1px;
	background: url(/images/framework/bg_square_thumb.gif) top left no-repeat;
}

.image_square_bg {
	width: 200px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* Link definitions */

a { text-decoration:underline; color:#990000; font-weight: bold; }
a:visited { text-decoration:underline; color:#990000; font-weight: bold; }
a:hover { text-decoration:none; color:#990000; font-weight: bold; }
a:active { text-decoration:none; color:#990000; font-weight: bold; }

a.navBarCallOut { text-decoration:underline; color:#ffffff; font-weight: normal; }
a.navBarCallOut:visited { text-decoration:underline; color:#ffffff; font-weight: normal; }
a.navBarCallOut:hover { text-decoration:none; color:#ffffff; font-weight: normal; }
a.navBarCallOut:active { text-decoration:none; color:#ffffff; font-weight: normal; }

a.homeOrderType { text-decoration:underline; color:#ffffff; }
a.homeOrderType:visited { text-decoration:underline; color:#ffffff; }
a.homeOrderType:hover { text-decoration:none; color:#ffffff; }
a.homeOrderType:active { text-decoration:none; color:#ffffff; }

a.mlSafeSubscribe { text-decoration:none; color:#ffffff; font-weight:normal; font-size:10px; }
a.mlSafeSubscribe:visited { text-decoration:none; color:#ffffff; font-weight:normal; font-size:10px; }
a.mlSafeSubscribe:hover { text-decoration:underline; color:#ffffff; font-weight:normal; font-size:10px; }
a.mlSafeSubscribe:active { text-decoration:underline; color:#ffffff; font-weight:normal; font-size:10px; }

a.mlSafeSubscribeHome { text-decoration:none; color:#999999; font-weight:normal; font-size:10px; }
a.mlSafeSubscribeHome:visited { text-decoration:none; color:#999999; font-weight:normal; font-size:10px; }
a.mlSafeSubscribeHome:hover { text-decoration:underline; color:#999999; font-weight:normal; font-size:10px; }
a.mlSafeSubscribeHome:active { text-decoration:underline; color:#999999; font-weight:normal; font-size:10px; }


/* Font definitions */

.textStandard {
	font-size: 11px;
	padding: 0px;
	color: #000000;
}

.textStandardDim {
	font-size: 11px;
	padding: 0px;
	color: #999999;
}

.textStandardWhite {
	font-size: 11px;
	padding: 0px;
	color: #ffffff;
}

.textHeader {
	font-weight: bold;
	font-size: 18px;
	padding: 0px;
	color: #000000;
}

.textSubHeader {
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	color: #000000;
}

.textMedium {
	font-size: 10px;
	padding: 0px;
	color: #000000;
}

.textSmall {
	font-size: 9px;
	padding: 0px;
	color: #000000;
}

.textFooter {
	font-size: 10px;
	padding: 8px 10px 8px 10px;
	color: #666666;
	background-color: #ffffff;
}

.textNavBarCallOut {
	margin: 10px 0px 0px 0px;
	font-size: 11px;
	padding: 10px;
	color: #ffffff;
}

.textSalePrice {
	font-weight: bold;
	color: #ff6600;
}

.textCartTableHeader {
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	color: #ffffff;
}

.textError {
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	color: #cc0000;
	background-color: #ffeeee;
}

.textErrorSmall {
	font-size: 10px;
	padding: 5px;
	color: #cc0000;
}

.siteMapLev1 {
	font-weight: bold;
	padding-left: 20px;
}

.siteMapLev2 {
	font-weight: normal;
	padding-left: 40px;
}

.siteMapLev3 {
	font-weight: normal;
	padding-left: 60px;
}

.siteMapLev4 {
	font-weight: normal;
	padding-left: 80px;
}

.siteMapLev5 {
	font-weight: normal;
	padding-left: 100px;
}


/* Image definitions */

.storeItemThumbnail {
	width: 73px;
	height: 73px;
	border: 1px solid;
	border-color: #990000;
}

/* Product Section definitions -------------------------------------------------------------------------------- */
.product_detail_image {
	width: 210px;
	height: 210px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: right;
}
.product_detail_header {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	line-height: 22px;
	font-size: 18px;
	font-weight: bold;
}
.product_form_border {
	width: 440px;
	margin: 20px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	float: left;
	background: #42aee1;
}
.product_form_container {
	width: 438px;
	margin: 0px 1px 0px 1px;
	padding: 8px 0px 4px 0px;
	float: left;
	display: inline;
	background: #ffffff;
}
.product_form {
	width: 420px;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	border: 0px;
	float: left;
}
.product_form_label {
	width: 80px;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
.product_form_field {
	width: 340px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	vertical-align: top;
}
.product_form_qty {
	width: 30px;
	margin: 2px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}
.product_form_select {
	margin: 2px 0px 0px 10px;
	padding: 0px;
	font-size: 11px;
	float: left;
	display: inline;
}
.product_form_button {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}

/* End Product Section Definitions ---------------------------------------------------------------------------- */


/* Input Field definitions -------------------------------------------------------------------------------- */

INPUT.formstyle {
	background-color: #ffffff;
	font-size: 11px;
	color: #000000;
}

INPUT.formstyleUneditable {
	background-color: #f3f6fe;
	font-size: 11px;
	color: #000000;
}

SELECT.formstyle {
	background-color: #ffffff;
	font-size: 11px;
	color: #000000;
}

SELECT.formstyleItemVersion {
	background-color: #ffffff;
	font-size: 12px;
	color: #000000;
}

TEXTAREA.formstyle {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

INPUT.buttonstyle {
	background-color: #acacac;
	font-size: 11px;
	font-weight: bold;
	color: #444444;
}



/* Constant Contact / ML elements ------------------------------------------------------------------------- */

.home_mod_ml {
	width: 300px;
	height: 70px;
	margin: 15px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	background: url('/images/home/bg_mailing_list_callout.gif') top left no-repeat;
}

.ml_signup_table {
	width: 440px;
	margin: 20px 0px 0px 0px;
}
.ml_signup_table_home {
	width: 300px;
	margin: 0px;
}

.ml_signup_table_col_photo {
	width: 55px;
	vertical-align: top;
	text-align: left;
}
.ml_signup_table_col_photo_home {
	width: 70px;
	vertical-align: top;
	text-align: middle;
}

.ml_signup_table_col_panel_edge {
	width: 10px;
	vertical-align: top;
}

.ml_signup_table_col_text {
	width: 365px;
	vertical-align: middle;
	text-align: left;
	background: #febf0f;
}
.ml_signup_table_col_text_home {
	width: 230px;
	vertical-align: middle;
	text-align: left;
}

.ml_signup_table_col_text_safe_subscribe {
	padding: 5px 0px 0px 0px;
	color: #ffffff;
}

.ml_signup_lcol_container {
	margin: 0px 10px 10px 10px;
	padding: 20px 0px 0px 0px;
}
/* background: url('/images/framework/lcol_hr.gif') top left no-repeat; */
.ml_signup_lcol_container_image {
	margin: 2px 0px 0px 5px;
	float: right;
}

