@charset "utf-8";

/* define margins and padding for all text and elements as needed.
the following * style strips this out, so the values always need to be added back in. */

*{margin:0; padding:0; border:0; outline: 0;}
body {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(images/bg.jpg) repeat-y center -149px;
	margin: 0px;
	padding: 0px;
	color: #333;
	text-align: center;
}

/* tables still need 'cellspacing="0"' in the markup
the border-spacing 0 gets rid of double borders on table cells
for tables with css borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#container {
	margin: 0px auto;
	width: 952px;
}
.bg_center {
	background: url(images/bg_content.jpg) repeat-y center -253px;
}
.bg_left {
	background: url(images/bg_content_left.jpg) no-repeat;
	width: auto;
}
.bg_top_right {
	background: url(images/bg_top_right.gif) no-repeat right top;
}
/* BOTTOM OF CONTENT AREA

The bottom of the content area is a table cell with a background with transparent corners 
that will slide over the background flower images.
It needs a hack for IE 6, which doesn't display the transparent of a PNG. */

.bg_bottom {
	background: url(images/bg_foot.png) no-repeat;
}
/* for IE6 and below */
* html .bg_bottom {
background: url(images/bg_foot.gif) no-repeat; }

/* padding styles to use as needed */
.pad_top5 {padding-top: 5px;}
.pad_top10 {padding-top: 10px;}
.pad_top20 {padding-top: 20px;}

.pad_bottom5 {padding-bottom: 5px;}
.pad_bottom10 {padding-bottom: 10px;}


/* text content cell */
.content {
	padding-top:14px;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	padding-left: 30px;
	padding-right: 16px;
}

/* PRODUCT IMAGES */

/* The images have a CSS border, and then an outerborder is added using a table cell */
.product_table {margin-top:12px; margin-bottom: 12px;}
.product_cell {padding: 6px 10px 14px; text-align: center;}
.product_image {border: 5px double #FFFFFF !important;}
.product_border {border: 1px solid #B7B7B7;}
.product_text {text-align: center; padding-top: 4px;}

/* TEXT STYLES */

a {color: #177f8e; text-decoration: none;}
a:hover {color: #07A9A9; text-decoration: underline;}

h1 {
	color: #1e96a8;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	padding: 4px 30px 16px;
	background: url(images/bg_header.jpg) no-repeat;
	margin-left: -30px;
}

h2 {
	color: #166B67;
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}
p, ol, ul {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
}
ol, ul {
margin-left:8px;
	padding-left: 10px;
	line-height: 18px;
	margin-right: 15px;
	margin-bottom: 12px;
}
ol li, ul li {
	margin-bottom: 5px;
	margin-right: 10px;
}
p.ln {
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	margin-right: 5px;
	margin-bottom: 11px;
	margin-left: 31px;
}
p.ln a, p.ln a.hi {
	background: url(images/bullet_leftnav.gif) no-repeat 1px 0px;
	padding-left: 13px;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
p.ln a.hi {color: #666;}

p.ln a:hover {
	color: #333;
	background: url(images/bullet_leftnav.gif) no-repeat 0px -40px;
	padding-left: 13px;
	text-decoration: none;
}
p.footer {
	font-size: 10px;
	color: #b0adad;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 30px;
}
p.footer a{
	color: #fff;
	text-decoration: none;
}
p.footer a:hover{color: #fff; text-decoration: underline;}
.txt12_gray {
	font-size: 12px;
	font-weight: normal;
	color: #333;
}
.txt_teal {
	color: #147786;
}

div#details td, th {border: 1px solid #C0C0C0; padding: 3px 3px 3px 3px; font-size: 12px;}