/*
TEXT COLORS
body headings: #1d5555
body text: #FFFFFF
top headings & text: #858585
*/

@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding:0;
}

body {
	line-height: 1.4em;
	color: #42423d;
	background: #236b6b url(theme/bg_main.jpg) top repeat-x;
	font: 0.75em Arial, Helvetica, sans-serif;
	height: 100%;
}

ol, ul {
	list-style: disc;
	margin-left: 20px;
}

a {
    outline: none;
}

a:link {color: #82bebe;
text-decoration: none;
}  
a:visited {color: #82bebe;
text-decoration: none;
}
a:hover {color: #42423d;}  
a:active {color: #82bebe;
text-decoration: none;
}  

h1, h2, h3, h4 {
font: Arial, Helvetica, sans-serif;
color: #42423d;
line-height: normal;
}

h1 {
font: bold 22px Arial, Helvetica, sans-serif normal;
color: #999999; 
}

h2 {
font: bold 16px Arial, Helvetica, sans-serif normal;
color: #999999; 
}

h3 {
font: bold 14px Arial, Helvetica, sans-serif normal;
color: #999999; 
}

ul {
padding-left: 5px;
}

li {

}

/* LAYOUT MAIN */

#container_out {
}

#container_main {
width: 924px;
margin: 0 auto;
margin-top: 38px;
background: none;
}

#top_bar {
height: 56px;
}

#content_area {
width: 924px;
margin: 0 auto;
}

#container_content {
background: #319494 url(theme/bg_content2.jpg) top left repeat-x;
}

#content_area2 {
background: url(theme/body-bg.jpg) repeat-y top left;
width: 924px;
margin: 0 auto;
padding: 0px;
}

#container_content2 {
background: #319494 url(theme/bg_content2.jpg) top left repeat-x;
}

#header_info_index {
padding: 0px 17px;
height: 430px;
}

#header_info {
padding: 0px 17px;
}



#container_base {
background: #236b6b url(theme/out-base-bg.jpg) repeat-x top left;
}

#base_main {
background: transparent url(theme/content_base.jpg) no-repeat top left;
width: 924px;
margin: 0 auto;
height: 130px;
padding-top: 30px;
}

/* LAYOUT */

#head_left {
width: 302px;
height: 354px;
}

#head_left2 {
padding: 0px 18px;
width: 302px;
height: 354px;
}

#head_right {
padding: 0px;
width:880px;
}

#content_text {
padding: 20px 18px;
background: transparent url(theme/body-top-shadow.jpg) no-repeat top left;
}

#three_buttons {
height:177px;
}

#content_left {
float: left;
width: 600px;
}

#content_left2 {
float: left;
width: 570px;
padding-right: 30px;
}

#content_right {
float: left;
width: 257px;
padding-left:30px;
}

/* CONTENT STYLES */

#product_list a {
line-height: 30px;
width: 265px;
background: url(theme/btn/info.gif) no-repeat right;
display: block;
margin: 5px 0px;
}
#product_list a:hover {
background: url(theme/btn/info_ova.gif) no-repeat right;
}
.qtip {
text-align: center;
}
a.more_info {
background-image: url(theme/btn/more-info.gif);
background-position: top;
display: block;
width: 73px;
height: 24px;
margin: 6px 0px;
}
a.more_info:hover {
background-position: bottom;
}
#readmore_col {
	float: left;
	width: 83px;
	margin-top: 35px;
}
.inl_blk {
display: inline-block;
}
/* NAV LAYOUT */

#nav {
float: left;
}

#back_btn a {
background: url(theme/contentimg/back_ova.gif) no-repeat top center;
width: 48px;
height: 24px;
display: block;
}
#back_btn a:hover {
background: url(theme/contentimg/back_ova.gif) no-repeat bottom center;
}

/* POSITION CLASSES */

.flot {
float: left;
padding:0px;
margin: 0px;
}

/* GENERAL CLASSES */

.clr {
clear: both;
}

.img-left {
padding-right: 11px;
}

.img-right {
padding-left: 11px;
}

.green {
color: #1d5555;
}

.light_green {
color: #82bebe;
}

.white {
color: #1d5555;
}

.whitest {
color: #FFFFFF;
}

.grey {
color: #858585;
}

p.txt_menu {
font-size: 10px;
}

.line_h {
line-height: 28px;
}

.line_h18 {
line-height: 18px;
}
.border_white {
border: 1px solid white;
padding: 4px;
}
.bdr_grn {
border: 2px solid #82BEBE;
}

.10pxbdr {
border: 10px solid #ffffff;
}

.padd {
padding: 10px;
}


.padd td {
padding: 10px;
}

.padd td p {
padding: 3px;
}

.indent li {
text-indent: 15px;
}
.sml {
font-size: 10px;
}

/* FORM STYLES */

.formst {
border: 1px solid #236B6B;
background: #E8F2F4;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #236B6B;
padding: 3px 0px 3px 7px;
width: 300px;
}

.formst2 {
border: 1px solid #D5B394;
background: #d9bea4;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #236B6B;
padding: 3px 0px 3px 7px;
}

#button_r {
background: url(theme/btn_submit.png);
border: none;
width: 74px;
height: 24px;
padding-top: 24px;
}

#button_r:hover {
background: url(theme/btn_submit_over.png);
}

textarea {
border: 1px solid #236B6B;
background: #E8F2F4;
width: 300px;
height: 150px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #236B6B;
padding: 5px 0px 5px 7px;
}

/* SLIDER STYLE */

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: none; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 383px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 500px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 170px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url(theme/arrow-left.gif) no-repeat center;
		}
		
		.stripNavR {
			background: url(theme/arrow-right.gif) no-repeat center;
		}
		#stripNav0 {
		display: none;	
		}
a.BTNlink {
	background: url(theme/btn/BTN-BG.jpg) top left repeat-x;
	padding: 10px;
	display: block;
	color: #1d5555;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-weight: bold;
	font-size: 18px;
	}
a.BTNlink:hover {
	background: #82bebe none;
	}