body {
	font-family: helvetica, arial, san-serif;
	font-size: 13px;	
	color: #505153;
	background: url(gradient.jpg) repeat-x;
	background-color: #022f61;
	padding: 0;
	margin: 0;
	text-align: center;
}
.inquiry_form{background:url(inquiry_form_bg.jpg); background-position:center; background-repeat:no-repeat;}

price_tag{background-position:center;
background-repeat:no-repeat;}

button{
background-position:right;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;

}
a {
	color: #60b003;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #438fca;
	text-decoration: none;
}
a:active {outline: none;}

img {
	border: none;
	padding: 0;
	margin: 0;
}

p {
	padding: 0;
	margin: 0 0 15px 0;
	
}
p, div {line-height: 18px;}

h2 {line-height: 24px;}

fieldset.input {border: none;}

hr {border: none; outline: none; border-bottom: 1px solid #BBBCBE;}


.clear {
	clear: both;
}

#wrap {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	text-align: left;
	background-color: #fff;
}

#header {
	position: relative;
	padding: 0;
	margin: 0;
	height: 53px;
	width: 940px;
	background: url(header-b.png) no-repeat;	
	}
	
	
.login {
	float: right;
	margin-right: 25px;
	margin-top: 5px;
	font-size: 11px;
	text-transform:uppercase;
}

.login div.moduletable_menu, .login ul.menu, .login ul.menu li {padding: 0; margin: 0;}


.login li {
	list-style-type: none;
	display: inline;
}

.login li.item20, .login li.item76 {
	border-right: 2px solid #c7c8ca;
}

.login a {
	color: #68bf02;
	text-decoration: none;
	padding: 0 4px;
}

.login a:hover {
	color: #55a6e4;
	text-decoration: none;
}

.tagline {
	position: relative;
	height: 36px;
	width: 890px;
	padding: 0;
	margin: 0 20px 0 20px;
	border-bottom: 1px solid #c7c8ca;
}

.tagline p {
	padding: 10px 0 0 5px;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #818386;
}

.retailer {
	position: absolute;
	top: 9px;
	left: 747px;	
}
	
#content {
	position: relative;
	padding: 0 0 30px 0;
	margin: 0;
	height: auto;
	width: 940px;
}
.about_content{
	background:url(about_us_content_background2.jpg);
	background-position:bottom;
}

ul.accessibility {
	position: absolute;
	top: -100%;
}

/* UNIVERSAL */


/* MAIN NAVIGATION */

#mainmenu  {
	position: relative;
	padding: 22px 0 0 20px;
}

.about_us_content_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#mainmenu ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#mainmenu ul li {
	float: left;
}

#mainmenu ul li a {
	float: left;
	padding: 2px 5px 1px 5px;
	margin: 0 20px 0 0;
	border: 1px solid transparent;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #438fca
}

#mainmenu ul li a:hover {
	padding: 2px 5px 1px 5px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #68bf02;
}

#mainmenu ul li.active_menu a {
	padding: 2px 5px 1px 5px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #68bf02;
}

/* MAIN NAVIGATION */



/* SUB NAVIGATION */

.sub-nav {
	float: left;
	padding: 5px 0 0 5px;
	margin: 40px 0 0 40px;
	width: 195px;
	
}

.sub-nav ul {
	margin:   0;
	padding: 5px 0 0 0;
	font-size: 13px;
	list-style: none;
	border-top: 1px solid #c7c8ca;
}
	
.sub-nav ul li {
	padding: 0 0 2px 0;
	margin: 0;
}
	
.sub-nav ul li a {
	font-weight: bold;
	color: #77797c;

}
	
.sub-nav ul li a:hover {
	font-weight: bold;
	color: #438fca;
	text-decoration: none;
}
	
.sub-nav ul li.active_menu a {
	font-weight: bold;
	color: #438fca;
}
		
/* SUB NAVIGATION */


/* SUB PAGE */

.sub-main, .article-content, #component-contact, .contentheading, .article-tools, .blog, .form-validate {
	float: left;
	padding: 0;
	width: 560px
}

.form-validate table {
	float: right;
	margin: 0 120px 0 0;
	width: 560px
}

.sub-main, .article-content, #component-contact, .contentheading, h2.contentheading {
	/*margin: 40px 120px 0 0;*/
}

.article-tools {
	margin: 0 120px 0 0;
}

.sub-main h1, .article-content h1, .contentheading {
	font-size: 33px;
	font-weight: normal;
	line-height: 38px;
	color: #438fca;
	margin: -3px 0 22px 0;
	padding: 0;
}

.componentheading, .componentheading a {
	float: right;
	padding: 0;
	margin: 40px 120px 0 0;
	width: 560px;
	font-size: 33px;
	font-weight: normal;
	line-height: 55px;
	color: #438fca;
	
}

.sub-main h2, .article-content h2, .article-content h2 a {
	font-size: 22px;
	
	font-weight: normal;
	color: #438fca;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

.sub-main h3, .article-content h3 {
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.blog .contentheading, .blog .contentheading a {
	font-size: 22px;
	font-weight: normal;
	color: #438fca;
	line-height: 26px;
	margin: 0;
	padding: 0;
}


.blog .article-content {
	margin: 4px 120px 0 0;
}


.blog .contentheading, .blog .description {
	margin: 0 120px 0 0;
}

.contentpane form table td, .contentdescription {
	float: right;
	padding: 4px 0;
	margin: 0 120px 0 0;
	width: 560px;
}

.article-meta {
	font-size: 11px;
	color: #818386;
}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.sub-main ul, .article-content ul {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: disc;
}

.sub-main li, .article-content li {
	margin: 0 0 0 30px;
	padding: 0 0 3px 0;
}

.sub-banner {
	position: relative;
	height: 193px;
	width: 940px;
	background: url(sub-bann.png) no-repeat;
}

.sub-banner-image {
	position: absolute;
	top: 1px;
	left: 21px;
}

.testimonial {
	float: left;
	padding: 0;
	margin: 40px 0 40px 0;
	width: 195px;
	color: #97999c;
	border-top: 1px solid #c7c8ca;
}

.testimonial p {
	padding: 1px 10px 0 6px;
}

.image-left {
	float: left;
	margin: -4px 0 0 -6px;
	padding: 0 5px 5px 0;
}

.image-right {
	float: right;
	margin: -4px 0 0 0;
	padding: 0 0 5px 5px;
}

/* SUB PAGE */


/* FOOTER */

/*#footer {
	font-size: 10px;
	height: 85px;
	width: 915px;
	padding:25px;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #97999c;
} */
#footer_normal {
	font-size: 10px;
	height: 85px;
	width: 915px;

	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:top left;
	background-image:url(footer_background.png);
	color: #97999c;
}

#footer {
	font-size: 10px;
	height: 85px;
	width: 915px;
	padding: 45px 0 0 25px;
	margin: 0;

	color: #97999c;
	background: url(footer_background.png) no-repeat top center;
}
#footer span {
	margin-right: 10px;
}

#footer a {
	color: #97999c;
	margin-right: 10px;
	font-weight: normal;
}

#footer a:hover, #footer-sub a:hover {
	color: #438fca;
}

#footer a.cc {margin: 0; padding: 0;line-height: 1em;}
#footer-nav {
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 0;
}

p.cc img {vertical-align: middle;}

/* FOOTER */

/*pages*/
h2.topborder {background: url(carousel.png) no-repeat 0 0; width: auto; margin-top: 35px;padding-top: 14px; font-weight: bold;}
h2.partners {font-size: 13px; text-transform:uppercase;}

.accordion h3 {font-weight: normal; padding: 12px 0px; cursor: pointer; font-size: 14px}
.accordion h3 a {color: #393a3c; font-weight: normal;  }
.accordion h3 a:hover {color: #438fca;}
span.expand {font-size: .8em;}

#logo {
border:0 none;
position: absolute;
margin:27px 0 0 40px;
padding:25px 0 0;
/*background: url( http://www.fishwise.org/templates/fishwise-default/images/logo.gif) no-repeat;*/
z-index: 1200;
}

#logo a {
border:0 none;
display:block;
height:90px;
margin:0;
overflow:hidden;
padding:0;
text-decoration:none;
white-space:nowrap;
width:160px;

}

/*carousels*/

.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

#tabs p {margin-top: 1em;}

.stepcarousel{
display: block;
position: relative; 
  border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
overflow: scroll; 
width: 450px; 
height: 100px; 

padding: 10px;
margin-bottom: 1em;
}

.stepcarousel .belt{
display: block;
position: absolute; 
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; 
overflow: hidden; 
margin: 0 20px; 
width: 205px; 
text-align: center;
list-style-type: none;
}

.belt ul {padding-top: 20px;}
.name_company_field{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0099CC;}

#peoplecarousel ul {padding-top: 7px;}

/*editor styles*/
.small-text {font-size: .9em;}
.large-text {font-size: 1.1em}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.strikethrough {text-decoration: line-through;}

.img-right {float: right;margin:5px 0 10px 10px; }
.img-left {float:left; margin:5px 10px 10px 0;}
.img-border {border:1px solid #999;}

dt.message {display:none;}
dd.message ul li {list-style-type: none; padding: 0; margin: 0; font-weight: bold;}
