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

* {
padding: 0px;
margin: 0px;
}

body {
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #0D206D;
	background-image: url(images/new_oceanbg.jpg);
	background-repeat: repeat-x;
	font-color: #FFF;
}

#formparse p {
font-size: 12px;
color: #FFF;	
}

/* ------------------------------ Document Formatting -------------------------------- */

a {
outline: none;
}
img {
border: none;	
}
h1 {
font-size: 16px;
color: #C12B2F;
margin-top: 32px;
margin-bottom: 11px;
font-weight:bold;
}
h2 {
font-size: 14px;
color: #CA4543;
margin-top: 30px;
margin-bottom: 11px;
font-weight:bold;
}
h3 {
font-size: 12px;
color: #C12B2F;
}
h6 {
font-size: 11px;
margin: 0px;
color: #2696EC;
}

#bg_container {
background: url(images/new_bg.jpg) no-repeat left top;
background-attachment: fixed;
padding-top: 52px;
}
#container {
background: url(images/container_bg.png) repeat-y;
width: 889px;
margin-right: auto;
margin-left: auto;
}

/* ---------------------------------------------------------------------------------------
									Header Formatting
--------------------------------------------------------------------------------------- */

#header {
width: 867px;
height: 165px;
background: url(images/header.png) no-repeat;
margin-left: auto;
margin-right: auto;
padding-right: 22px;
}
#header h1 {
display: none;	
}

/* ---------------------------------------------------------------------------------------
								New Navigation Formatting
--------------------------------------------------------------------------------------- */

#jsddm {
width: 889px;
height: 40px;
border-top: 1px solid #2696EC;
border-bottom: 1px solid #2696EC;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
	
#jsddm li {	
list-style-type: none;
float: left;
}

#jsddm li#nhome  {
padding-left: 18px;
}
#jsddm li#nhome a {
color: #FFF;
}

#jsddm li a {	
color: #FFF;
font-size: 12px;
display: block;
width: 117px;
height: 21px;
padding: 19px 0px 0px 6px;
border-right: 1px solid #2696EC;
text-decoration: none;
}

#jsddm li a:hover {	
background-color: #21609D;
text-decoration: none;
color: #FFF;
}
		
#jsddm li ul {	
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border: 1px solid #2696EC;
}
		
#jsddm li ul li {	
float: none;
display: inline;
}
		
#jsddm li ul li a {
width: auto;
background-color: #153567;
width: 117px;
border: none;
-moz-opacity: .8;
filter: alpha(opacity=80);
opacity: .8;
border-top: 1px solid #2696EC;
}
#jsddm li#nhome ul li a {	
border-left: none;
}
		
#jsddm li ul li a:hover {	
background: #21609D;
text-decoration: none;
}



/* ---------------------------------------------------------------------------------------
								Left Column Formatting
--------------------------------------------------------------------------------------- */

#left_column {
width: 600px;
float: left;
padding-left: 40px;
color: #FFF;
}
#left_column h3 {
margin: 12px 0px 32px 0px;
color: #21609E;
}
#about #left_column h3 {
text-align: center;	
}

/* ---------------------------- Section Box Formatting ------------------------------ */

.section_box {
width: 600px;
margin-top: 4px;
}
.section_box p {
font-size: 11px;
margin-bottom: 11px;
color: #FFF;
}
.section_box a {
color: 	
}

#products .section_box {
margin-top: 32px;	
}
.section_box h5 {
margin: 12px 0px 8px 0px;
color: #2696EC;
}


/* ------------------------------ Left Box Formatting -------------------------------- */

.left_box {
margin-right: 30px;
float: left;
}
#ordering .left_box {
width: 185px;
margin: 12px 0px 0px 15px;
}

/* ------------------------------ Right Box Formatting -------------------------------- */

.right_box {
width: 450px;
float: left;
color: #FFF;
}
#about .right_box {
width: 400px;
float: left;
color: #FFF;
}
#product_page .right_box {
width: 400px;
float: left;
color: #FFF;	
}
.right_box p {
font-size: 11px;	
margin-bottom: 11px;
}
.right_box h5 {
font-size: 14px;
margin-bottom: 8px;
}
#about .right_box h5 {
font-size: 14px;
margin-bottom: 8px;
margin-top: 12px;
}
.right_box ul li {
font-size: 11px;
list-style-type: disc;
list-style: inside;
line-height: 20px;
}
.right_box ul.small_list li {
list-style-type: none;
font-size: 9px;
line-height: 14px;
margin: 0px;
}
.right_box h3 {
font-size: 14px;
color: #3D53B2;
text-align: left;
}

#integrated .right_box h5 {
margin-top: 0px;
padding-top: 0px;
}

/* ---------------------------------------------------------------------------------------
								Right Column Formatting
--------------------------------------------------------------------------------------- */

#right_column {
width: 180px;
float: right;
margin-right: 26px; 
padding-top: 40px;
}

/* ------------------------- Search Box Formatting --------------------------- */

#cse-search-box {
width: 190px;
height: 27px;
text-align: center;
float: right;
margin-top: 16px;
}
#cse-search-box h3 {
width: 180px;
background-color: #1C4895;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding: 8px 0px;	
}
#cse-search-box input {
width: 110px;
height: 18px;
border: 2px solid #39F;
color: #000;
font-size: 12px;
}
#cse-search-box input#btn_search {
width: 61px;
height: 27px;
font-size: 10px;
background: url(images/btn_find.png) no-repeat;
text-align: center;
float: right;
border: none;
padding: 0px 0px 8px 0px;
color: #FFF;
cursor: pointer;
}

/* ------------------------- Contact/Request Box Formatting --------------------------- */

.contact_box {
width: 180px;
background-color: #21609E;
border: 1px solid #2696EC;
margin: 8px 0px 22px 10px;
}

.contact_box h3 {
width: 180px;
background-color: #2696EC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding: 8px 0px;
}

.contact_box h4 a {
display: block;
width: 180px;
background-color: #2696EC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
padding: 8px 0px;
text-align: center;
text-decoration: none;
}
.contact_box h4 a:hover, .contact_box h4 a:active {
background-color: #A7A9AC;
}
.contact_box a:link, .contact_box a:visited  {
color: #FFF;
text-decoration: none;
}
.contact_box a:hover {
color: #FFF;
text-decoration: underline;
}


.contact_box ul  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
padding: 8px 16px 8px 16px;
}

.contact_box ul li {
list-style-type: none;
margin-bottom: 8px;
}

.contact_box ul.bullets_arrow li {
background: url(images/bullet_arrow.png) no-repeat 0px 3px;	
padding-left: 8px;
}

/* ------------------------------ Image Box Formatting -------------------------------- */

.right_float_box {
width: 137px;
float: right;
background-color: #21609E;
border: 1px solid #2696EC;
padding: 4px;
margin: 0px 0px 4px 6px;
}

p.caption {
font-size: 9px;	
font-weight: bold;
font-style: italic;
margin-top: 6px;
}

/* ------------------------------ Product Card Formatting ------------------------------- */

.card_top {
width: 578px;
height: 36px;
background: url(images/card_top.png) no-repeat;
padding: 7px 0px 0px 22px;
color: #FFF;
}
.card_top h4 {
width: 295px;
margin: 0px;
color: #FFF;
text-align: center;
font-size: 18px;
}
.card_top a {
font-size: 10px;
float: right;
margin: 12px 42px 0px 0px;
}
.card_top a:link, .card_top a:visited {
color: #C12B2F;	
}

.card {
width: 516px;
background: url(images/card_bg.png) repeat-y;
padding: 10px 20px 0px 42px;
color: #56595C;
}
.card h4 {
margin-bottom: 12px;
color: #2696EC;
font-size: 14px;
}
.card p {
margin: 0px;	
}
.card ul li {
font-size: 11px;
list-style-type: circle;
line-height: 18px;
}
.card ul.secondary li {
list-style-type: disc;
position: relative;
left: 12px;
}
.card .left_box {
width: 150px;
text-align: center;
}
.card .left_box a {
font-size: 12px;
color: #D34644;
font-weight: bold;
line-height: 14px;
}
.card img {
margin-bottom: 8px;	
}

.card_bottom {
width: 578px;
height: 39px;
background: url(images/card_bottom.png) no-repeat;
}

/* ------------------------------ Breadcrumbs Formatting -------------------------------- */

.breadcrumbs { 
float: right;	
}
.breadcrumbs p {
font-size: 9px; 
}
.breadcrumbs a:link, .breadcrumbs a:visited {
font-size: 9px;
color: #C12B2F;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
font-size: 9px;
color: #C12B2F;
}

/* ------------------------------ Form Formatting ------------------------------- */

form table {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-weight: bold;
width: 150px;
color: #FFF;
}

form table td input.form_text {
width: 300px;	
}
form table td textarea {
width: 300px;	
}

table h5 {
font-size: 12px;
}
form table tr .table_headline {
background-color: #0A1D4D;
}

#order_form #bg_container #container #left_column .section_box form table tr td.table_headline {
background-color: #081547;

}


/* ---------------------------------------------------------------------------------------
									Address Info Formatting
--------------------------------------------------------------------------------------- */

.address_info {
width: 100%;
padding-left: 48px;
margin-bottom: 40px;
}

.address_info p {
font-size: 10px;
color: #FFF;
margin: 0px;
padding: 0px;
line-height: 12px;
}

.address_info h6 {
font-size: 10px;
color: #2696EC;
margin: 8px 0px 4px 0px;
line-height: 12px;
}

.address_info a:link, .address_info a:visited {
font-size: 10px;
color: #FFF;
text-decoration: underline;
}
.address_info a:hover, .address_info a:active {
color: #2696EC;
text-decoration: underline;
}


/* ---------------------------------------------------------------------------------------
									Footer Formatting
--------------------------------------------------------------------------------------- */

#footer {
width: 889px;
height: 62px;
text-align: center;
background: url(images/footer.png) no-repeat 0px 50px;
padding-top: 170px;
}
#footer h3 {
text-align: center;
color: #2696EC;
font-size: 12px;
font-weight: bold;
} 
#footer h4 {
text-align: center;
color: #2696EC;
font-size: 10px;
font-weight: bold;
}

#home #footer {
width: 871px;
height: 190px;
text-align: center;
background: url(images/home_footer.png) no-repeat;
padding: 0px 18px 0px 0px;
}
#home #footer ul {
float: right;
margin-top: 38px;
}
#home #footer ul li {
list-style-type: none;
float: left;
margin-left: 18px;
}
#home #footer ul li a {
display: block;
width: 215px;
height: 130px;
}
#home #footer ul li a span {
display: none;	
}



/* ---------------------------------------------------------------------------------------
									Common Formatting
--------------------------------------------------------------------------------------- */

.clear {
clear: both;	
}
.clear_left {
clear: left;	
}

/* ------------------------------ Text Formatting -------------------------------- */

.bold {
font-weight: bold;	
}
.italic {
font-style: italic;	
}
.center {
text-align: center;	
}
.lower {
margin-top: 30px;	
}
.large {
font-size: 17px;	
}
.spacer40 {
margin-top: 40px;	
}
.left_float {
float: left;	
}
.right_float {
float: right;	
}
.contact_text {
width: 220px;	
}
.news_date {
font-size: 10px;
font-style: italic;
}

.small_white {
color: #FFF;
font-size: 12px;
}

/* -------------------------- Section Text Formatting --------------------------- */

ul.bold_list li {
list-style-type: none;
font-size: 16px;
line-height: 26px;
font-weight: bold;
}

#home .section_box h3 {
color: #2696EC;
font-size: 12px;
font-weight: bold;
margin-top: 32px;
margin-bottom: 0px;
}

#home .section_box h4 {
color: #2696EC;
font-size: 10px;
font-weight: bold;
margin-bottom: 32px;
}
#contact h6 {
margin-top: 30px;	
}

.section_box .left_float ul.text_list {
width: 280px;
float: left;
margin-right: 10px;
color: #56595C;
font-size: 11px;
line-height: 15px;
}
.section_box .left_float ul.text_list li {
list-style-type: none;
color: #FFF;
}

.section_box a:link, .section_box a:visited {
color: #2696EC;
text-decoration: underline;
}

.section_box .card_top a {
color: #21609E;
font-weight: bold;
}


/* ------------------------------ Link Formatting -------------------------------- */

a:link, a:visited {
color: #56595C;
text-decoration: none;
}
a:hover, a:active {
color: #FFF;
text-decoration: underline;
}
ul#dropdown-demo li#nhome ul.subnav li a  {
	background-image: none;
}
ul#dropdown-demo li#nproducts ul.subnav li a  {
	background-image: none;
}
ul#dropdown-demo li#nservices ul.subnav li a  {
	background-image: none;
}

#order_form table {
width: 100%;
}
#order_form table td {
	padding: 6px 2px 4px 6px;
	background-color: #21609E;
}
#order_form table td a  {
color: #FFF;
text-decoration: none;
font-size: 10px;
}
#order_form table td a:hover, #order_form table td a:active {
text-decoration: underline;	
}

/*#careers li {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
list-style-position: inside;
margin: 0px;
}
*/
.section_box a:hover, .section_box a:active {
color: #FFF;
text-decoration: underline;
}


/********************* Product page Css Start Here *************************************/
.products_list{ width:578px; border:1px solid #76777A; padding:10px; background-color:#D0D0D0; color:#575656; margin:15px 0 0 0;}
.products_list h2{ font-family:verdana; font-size:16px; color:#0060AA; margin:0px; padding:0px 0 4px 0; border-bottom:1px dashed #0060AA;}
.products_list h2 a{ color:#0060AA; text-decoration:none;}
.products_list h2 a:hover{ color:#CA4543; text-decoration:none;}
.products_list .products{ padding:10px 0 0 10px;}
.products_list .products .catname{ padding:0px 0 0 12px; margin:0px; font-size:11px; font-weight:bold; color:#575656; font-weight:bold; background:url(images/gray-arrow.gif) no-repeat left 5px;}
.products_list .products .catname a{ text-decoration:none; color:#575656;}
.products_list .products .catname a:hover{ text-decoration:underline; color:#575656;}

.products_list .products ul{ margin:3px 0 0 14px; padding:0px; list-style-type: none; font-size:11px; font-family:verdana; color:#0035E3;}
.products_list .products ul li{ margin:0px 25px 0 0; padding:0px; list-style-type:none; display:inline; line-height:22px;}
.products_list .products ul li a{ background:url(images/blue-arrow.gif) no-repeat left 5px; padding:0 0 0 12px; text-decoration:none; color:#0035E3;}
.products_list .products ul li a:hover{ color:#FF5A39; text-decoration:underline;}

.products_images{ width:588px; border:1px solid #2696EC; padding:10px 0 10px 10px;  color:#575656; margin:15px 0 0 0; float:left;}
.products_images h2{ margin:0px; padding:0px; font-size:14px; color:#CA4543; margin-bottom:3px;}
.products_images h2 a{color:#CA4543; text-decoration:none;}
.products_images h2 a:visited{color:#CA4543; text-decoration:none;}
.products_images h2 a:hover{color:#CA4543; text-decoration: underline;}
.product-box{ float:left; width:135px; border:1px solid #3399FF; padding:5px 0px; text-align:center; font-size:11px; font-family:arial; margin:5px 10px 5px 0}
.product-box a{ color:#1D1D1D; text-decoration:none;}
.product-box a:hover{ color:#CA4543; text-decoration:underline;}
.product-box img{ border:1px solid #7E7E7E; margin:5px 0;}
.product-box h4{ margin:0px 0px; padding:0px; color:#0160A9; font-family:arial; font-size:10px; font-weight: bold}
.product-box h4 span{ color:#FF871C;}
.product-box h4 a{ color:#2696EC; text-decoration:none;}
.product-box h4 a:hover{ color:#FF5A39; text-decoration: underline;}

.product-box h5{ margin:0px 0px; padding:0px; color:#0160A9; font-family:arial; font-size:11px; font-weight: bold}
.product-box h5 a{ color:#2696EC; text-decoration:none;}

.lights_headings{ border-top:1px solid #76777A; width:600px; margin-top:15px; padding:8px 0px 0px 0px; float:left;}
.lights_headings h2{ font-size:14px; color:#2696EC; margin:0px; padding:0px;}

.products_description{ width:578px; border:1px solid #76777A; padding:10px; background-color:#D0D0D0; color:#575656; margin:10px 0 0 0; float:left;}
.product-img{ float:left; width:99px; text-align:center; font-size:10px; color:#21609E; font-weight:bold; font-family:verdana;}
.product-img img{ border:2px solid #6B6B6B;}
.product-img a{ color:#21609E; text-decoration:none;}
.product-img a:hover{ color:#FF5A39; text-decoration: underline;}

.prducts-smalltxt{ float:left; width:467px; padding-left:10px; font-family:verdana; font-size:11px; color:#353535; text-align:justify;}
.txthead{ float:left; width:467px;}
.prducts-smalltxt h2{ margin:0px 0 5px 0; padding:0px; font-family:arial; color:#0A64BD; font-size:12px; float:left; width:auto;}
.prducts-smalltxt h2 a{ color:#0A64BD; text-decoration:none}
{ color:#C12B2F; text-decoration:none;}
.prducts-smalltxt h2 a:hover{ color:#CA4543; text-decoration:none}
.prducts-smalltxt span{ float:right; width:auto; font-family:verdana; font-size:10px; font-weight:bold; color:#C12B2F;}
.prducts-smalltxt span a{ color:#C12B2F; text-decoration:none;}
.prducts-smalltxt span a:hover{ color:#595959; text-decoration:underline;}
a.readmore{ color:#C12B2F; text-decoration:none; background:url(images/red-arrow.gif) no-repeat right 5px; padding-right:12px; margin-left:20px;}  
a.readmore:hover{ color:#0A64BD; text-decoration:underline;}

/********************* Product page Css End Here *************************************/


.tblbor{ border:0px solid #ccc; border-collapse:collapse; border-top:none}
.tblbor td{ border:1px solid #ccc; border-collapse:collapse; padding:2px 5px;}
.tblbor td.nobord{ border:0px solid #ccc; border-collapse:collapse; padding:2px 0px;}

.style1 {
	color: #C12B2F;
	font-size: 18px;
	font-weight: bold;
}
.style2 {font-size: 11px}
.style4 {font-size: 11px; font-weight: bold; }