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

/* =Styling all elements
========================================================================================================*/
* {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
	border: none;
	text-decoration: none;
}


img {
	border: none;
}
input {
	vertical-align: middle;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
abbr {
	cursor: help;
}
acronym {
	cursor: help;
}
/* ----------- Applying clearfix fix for some browsers to use in appropriate places --------- */
.clearfix:after {
	content: ".";
	display: block;
	height:100%;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */
.clear {
	clear:both
}
.a-left {
	text-align:left
}
.a-right {
	text-align:right
}
.a-center {
	text-align:center
}

.a-text{text-align:justify;}

.border-bot-none {
	border-bottom:none!important
}
/*=======================================================*/
/* Body
*********************************************************/
body {
	background:#f1f1f1 url(../images/bg.gif) left top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#5f5f5f;
	line-height:18px;
}
.warraper {
	width:970px;
	margin:0 auto;
}
/* Top Nav
*********************************************************/
.top-sec {
	padding-left:6px;
	height:75px;
	position:relative
} 
.logo {
	float:left;
	width:488px
}
.logo h1 a {
	width: 488px;
	height: 49px;
	display: block;
	text-indent: -2000em;
	position: absolute;
	top: 17px;
	left: 5px;
	background: url(../images/logo.gif) left top no-repeat;
}
.call-now {
	padding-top:13px;
	float:right;
	background:url(../images/phone-icon.gif) no-repeat left 5px;
	height:31px;
	padding-right:15px;
	padding-left:40px;
	font-size:14px;
	font-weight:bold;
	color:#0099cf;
}
/* Menu
*********************************************************/
.menu {
	padding:5px 0 0 0px;
	margin:0;
	list-style:none;
	height:41px;
	clear:both
}
.menu li {
	float:left;
	height:46px;
}
.menu li a {
	display:block;
	float:left;
	height:46px;
	line-height:39px;
	color:#303f4f;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0 0 0px 5px;
	cursor:pointer;
}
.menu li a b {
	float:left;
	display:block;
	padding:0 16px 10px 13px;
	font-weight:bold
}
.menu li.current a {
	color:#00b3ff;
	background:url(../images/button4.gif);
}
.menu li.current a b {
	background:url(../images/button4.gif) no-repeat right top;
}
.menu li a:hover {
	color:#00b3ff;
	background:url(../images/button4.gif);
}
.menu li a:hover b {
	background:url(../images/button4.gif) no-repeat right top;
}
.menu li.current a:hover {
	color:#00b3ff;
	background: url(../images/button4.gif) no-repeat left top;
	cursor:pointer;
}
.menu li.current a:hover b {
	background:url(../images/button4.gif) no-repeat right top;
}
/* Header 
*********************************************************/
.header-sec {
	clear:both
}
.header-sec .header-banner {
	float:left;
	width:645px;
	background:url(../images/header-img-bg.jpg) no-repeat;
}
.header-sec .header-about-bg {
	float:right;
	background:url(../images/header-about-bg.gif) no-repeat left top;
	height:322px;
	width:323px;
}
.header-sec .header-about-bg h2 {
	text-align:center;
	padding-top:12px;
	padding-bottom:15px;
}
.header-sec .header-about-bg p {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#303f4f;
	line-height:30px;
	padding:15px 25px 15px 35px;
}

.header-sec .header-about-bg .feder-quote{line-height:25px; font-style:italic;}

.header-sec .header-about-bg .abt-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding-left:50px;
	padding-top:15px;
}
.header-sec .header-about-bg .abt-link a {
	color:#ffffff;
}
/* HOME CONTENT AREA
*********************************************************/
.home-cont-area {
	clear:both
}
.home-cont-area h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#303f4f;
	padding-top:12px;
	padding-left:10px;
	padding-bottom:12px;
}
.home-cont-area .left-area {
	width:285px;
	float:left
}
.home-cont-area .left-area .top-cor {
	background:url(../images/left-sec-top.gif) no-repeat left top;
	height:12px;
}
.home-cont-area .left-area .mid {
	background:url(../images/left-sec-mid.gif) repeat-y left top;
	padding:5px 15px 5px 15px;
}
.home-cont-area .left-area .mid ul {
	list-style: none;
	padding:10px 10px 10px 13px;
}
.home-cont-area .left-area .mid li {
	background:url(../images/small-arrow.gif) no-repeat left 5px;
	padding-left:13px;
	padding-bottom:10px;
}
.home-cont-area .left-area .mid li a {
	color:#303f4f;
	font-weight:bold;
}
.home-cont-area .left-area .mid li a:hover {
	color:#0092c6;
	text-decoration:underline
}
.learn-link {
	padding:0px 10px 10px 30px;
	font-weight:bold
}
.learn-link a {
	color:#0092c6;
}
.blue-link {
	padding:18px 10px 10px 5px;
	font-weight:bold
}
.blue-link a {
	color:#0092c6;
}
.join-link {
	padding:0px 0px 0px 30px;
	font-weight:bold;
	font-size:23px;
	font-family:"Times New Roman", Times, serif;
	line-height:25px;
}
.join-link a {
	color:#0099cf;
}
.lft-padd {
	padding-left:15px!important;
	padding-top:15px!important;
	padding-bottom:7px;
}
.top-padd {
	padding-top:5px!important;
	padding-right:10px;
	padding-bottom:0px;
}
.home-cont-area .left-area .bot-cor {
	background:url(../images/left-sec-bot.gif) no-repeat left top;
	height:11px;
	margin-bottom:5px;
}
.home-cont-area .mid-area {
	width:275px;
	float:left
}
.home-cont-area .mid-area .top-cor {
	background:url(../images/mid-top-cor.gif) no-repeat left top;
	height:12px;
}
.home-cont-area .mid-area .mid {
	background:url(../images/mid-cont-bg.gif) repeat-y left top;
	padding:5px 15px 5px 15px;
}
.home-cont-area .mid-area .mid p {
	padding:11px 20px 5px 15px;
	text-align:justify;
}
.home-cont-area .mid-area .bot-cor {
	background:url(../images/mid-bot-cor.gif) no-repeat left top;
	height:11px;
	margin-bottom:5px;
}
.home-cont-area .right-area {
	width:400px;
	float:left
}
.home-cont-area .right-area .top-cor {
	background:url(../images/right-top-cor.gif) no-repeat left top;
	height:12px;
}
.home-cont-area .right-area .mid {
	background:url(../images/right-cont-bg.gif) repeat-y left top;
	padding:10px 15px 5px 15px;
}
.home-cont-area .right-area .bot-cor {
	background:url(../images/right-bot-cor.gif) no-repeat left top;
	height:11px;
	margin-bottom:5px;
}
/* CONTENT AREA
*********************************************************/
.content-area {
	clear:both;
	padding-bottom:10px;
}
.content-area h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#303f4f;
	padding-top:12px;
	padding-left:10px;
	padding-bottom:12px;
}
.content-area .top-cor {
	background:url(../images/cont-top-cor.gif) no-repeat left top;
	height:12px;
}
.content-area .mid {
	background:url(../images/cont-mid-bg.gif) repeat-y left top;
	padding:5px 15px 5px 15px;
}
.content-area .bot-cor {
	background:url(../images/cont-bot-cor.gif) no-repeat left top;
	height:17px;
	margin-bottom:5px;
}
/* CONTENT AREA Inner
*********************************************************/
.content-area-inner {
	clear:both;
	padding-bottom:10px;
}
.content-area-inner h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#303f4f;
	padding-top:12px;
	padding-left:10px;
	padding-bottom:12px;
}
.content-area-inner .top-cor {
	background:url(../images/cont-top-cor.gif) no-repeat left top;
	height:12px;
}
.content-area-inner .mid {
	background:url(../images/cont-mid-bg.gif) repeat-y left top;
	padding:5px 15px 5px 15px;
}
.content-area-inner .mid h4 {
	font-family:"Times New Roman", Times, serif;
	color:#303f4f;
	text-decoration:none;
	font-size:18px;
	padding-left:15px;
	padding-top:10px;
}
.content-area-inner .mid p {
	padding:10px 20px 10px 20px;
}
.content-area-inner .mid p a {
	color:#0092C6;
	
}
.content-area-inner .mid .inner-left {
	width:640px;
	float:left;
	border-right:1px #d8dbde solid;
	min-height:450px;
}
.content-area-inner .mid .inner-left ul {
	list-style:none;
	padding:10px 20px 0px 15px;
}
.content-area-inner .mid .inner-left li {
	background:url(../images/small-arrow.gif) no-repeat left 7px;
	padding-left:13px;
	padding-bottom:15px;
	line-height:20px;

}
.content-area-inner .mid .inner-left li a {
	color:#0092C6;
}

.content-area-inner .mid .inner-left li a:visited {
	color:purple;
}


.content-area-inner .mid .inner-right {
	width:270px;
	float:right;
	padding-right:10px;
}
.content-area-inner .mid .inner-right h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	padding-left:0px;
}
.content-area-inner .mid .inner-right ul {
	list-style:none;
	padding-top:10px;
}
.content-area-inner .mid .inner-right li {
	background:url(../images/small-arrow.gif) no-repeat left 15px;
	padding-left:13px;
	padding-bottom:10px;
	font-size:17px;
	color:#3d4b5a;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #d8dbde;
	padding-top:7px;
}
.content-area-inner .mid .inner-right li a {
	color:#3d4b5a;
}
.content-area-inner .mid .inner-right li a:hover {
	color:#0099cf
}
.content-area-inner .mid .inner-right li a.active {
	color:#0099cf
}
.content-area-inner .bot-cor {
	background:url(../images/cont-bot-cor.gif) no-repeat left top;
	height:17px;
	margin-bottom:5px;
}
.content-area-inner .mid .inner {
}
.content-area-inner .mid .inner ul {
	list-style:none;
	padding:10px 20px 0px 15px;
}
.content-area-inner .mid .inner li {
	background:url(../images/small-arrow.gif) no-repeat left 5px;
	padding-left:13px;
	padding-bottom:15px;
	line-height:20px;
	
}
.content-area-inner .mid .inner li a {
	color:#0092C6
}
.bot-border {
	border-bottom:1px solid #CCCCCC;
	margin-right:10px;
}
.img-border {
	border:5px #c9c9c9 solid;
}
.left-panel {
	width:350px;
	float:left
}
.left-panel-inner {
	width:600px;
	float:left;
	padding-right:40px;
}
.margin-bot {
	margin-bottom:10px;
}
.panel-box {
	width:285px;
	float:left
}
.detail-page {
	width:300px;
	float:left;
	text-align:center;
	padding-top:10px;
	padding-left:10px;
}
.detail-page .img {
}
.detail-decription {
	width:250px;
	float:right;
	padding-top:20px;
	margin-right:25px;
}

.detail-description2{float:left; margin-left:25px; width:350px;}

.detail-decription h2 {
	font-size:16px;
	padding-bottom:10px;
}
.detail-decription p {
	color:#0092C6;
	font-weight:bold;
	padding-left:5px!important;
}

.new-detail-decription {
	width:250px;
	float:right;
	padding-top:5px;
	margin-right:25px;
}

.new-detail-description2{float:left; margin-left:25px; width:350px;}

.new-detail-decription h2 {
	font-size:16px;
	padding-bottom:10px;
}
.new-detail-decription p {
	padding-left:5px!important;
}

.dark-blue {
	color:#303F4F!important;
}

img.product-image{margin-left:20px; margin-right:0}

/* Order page 
***********************************************************************/
.order-info {
	clear:both;
	padding:5px 5px 5px 15px;
}
.order-info .box1 {
	width:365px;
	float:left;
	padding:5px 20px 10px 5px;
}
.order-info .box2 {
	width:75px;
	float:left;
	padding:5px 20px 10px 5px;
	font-weight:bold
}
.order-info .box3 {
	width:95px;
	float:left;
	padding:5px 20px 10px 5px;
}
.head {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold
}
.b-a-img {
	width:100px;
	float:left;
	text-align:center;
	font-weight:bold
}
/* Scroll Script 
***********************************************************************/
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 870px; /*Width of Carousel Viewer itself*/
	height: 150px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 850px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding-left:40px;
}
.scroll-img-sec {
	float:left;
	width:285px;
	padding-left:30px;
	padding-top:30px;
}
.scroll-img-sec img {
	padding-right:10px;
}
.scroll-cont-sec {
	float:left;
	width:500px;
	padding-top:30px;
}
.scroll-cont-sec h4 {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#303f4f;
	padding-left:5px;
}
.scroll-cont-sec p {
	padding: 10px 10px 10px 35px
}
.scroll-cont-sec p a {
	color:#0099cf;
	padding-right:20px;
}
/* contact Form Area
*********************************************************/
.contact-form-sec {
	width:620px;
	padding-left:5px;
}
.contact-form-sec ul {
	clear:both;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
}
.contact-form-sec ul li {
	width:403px;
	list-style:none!important;
	background-image:none!important;
	padding-bottom:5px!important
}
.contact-form-sec ul li p {
	padding:5px!important;
	margin-bottom:0px;
}
.contact-form-sec ul li input {
	background:url(../images/textbox.gif) no-repeat left top;
	width:227px;
	height:25px;
	border:none;
	padding-left:5px;
	padding-top:4px;
}
.contact-form-sec ul li select {
	background:url(../images/textbox.gif) no-repeat left top;
	width:227px;
	height:25px;
	border:none;
	padding-left:5px;
	padding-top:2px;
	padding-right:5px;
	padding-bottom:3px;
}
.contact-form-sec ul li textarea {
	background:url(../images/txt-area-bg.gif) no-repeat left top;
	width:350px;
	height:150px;
	border:none;
	padding-left:5px;
	padding-top:4px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.bg-none-submit {
	background:none!important;
	padding:0px!important;
	height:33px!important;
	width:105px!important;
}
.txtbox textarea {
	background:url(../images/txt-area-bg.gif) no-repeat left top;
	width:350px;
	height:150px;
	border:none;
	padding-left:5px;
	padding-top:4px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* FOOTER AREA
*********************************************************/
.footer-area {
	background:#f1f1f1 url(../images/footer-bg.gif) repeat-x left top;
}
.footer {
	width:970px;
	margin:0 auto
}
.footer p {
	color:#86898d;
	padding:0px 10px 10px 10px;
}
.footer p a {
	color:#86898d;
	padding-right:20px;
}
.footer .contact-links {
	color:#0099cf;
	font-size:14px;
	font-weight:bold;
	height:31px;
	padding-left:20px;
	padding-top:10px;
}
.footer .contact-links a {
	color:#0099cf;
}
.footer .contact-links span {
	padding-right:20px;
}

/* PRODUCTS PAGE */
#product-disclaimer{padding:20px; font-style:italic;}

.left-item{float:left; margin:0 20px 10px 0;}
.right-item{float:right; margin:0 0 10px 20px;}

.blue-bold{color:#00B3FF; font-style:italic; font-size:130%;}