/*   =======   RESET    =======   */

body, p, blockquote { margin: 0; padding: 0; }
a img, iframe { border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; }
ul, ol, dl, li, dt, dd { margin: 0; padding: 0; }
a:active { outline: none; }
:focus { -moz-outline-style: none; outline: 0; }


/*   =======   BASICS    =======   */

html,body {
   margin:0;
   padding:0;
   height:100%;
   width: 100%;
}
body { background: #021358 url(../images/bg_full.jpg) no-repeat 50% 0; }
body, div { font-family: Verdana, Arial, sans-serif; font-size: 16px; line-height: 1.35em; color: #fff; }

h1 { font-size: 1.5em; margin: 5px 0 15px 0; text-transform: uppercase; }
h2 { font-size: 1.2em; margin: 5px 0 15px 0; }
h3 { font-size: 1em; margin: 5px 0 15px 0; }
p { font-size: .8em; line-height: 160%; margin: 10px 0; }
a, a:link { color: #fff; text-decoration: none; }
a:hover { color: #ed1c24; }


/*   =======   LAYOUT    =======   */

#content { 
	width: 980px; 
	margin: 0 auto; 
	display: block; 
	border-top: 1px solid transparent;
	min-height:100%;
	position:relative;
}

#header { width: 980px; margin: 0; padding: 0; }

#logo { height: 144px; width: 331px; margin: 0 27px 0 -27px; padding: 0;; }

#top { width: 345px; height: 18px; padding: 10px; margin: 0 0 0 280px; }
#nav { width: 562px; height: 69px; padding-left: 87px; position: relative; z-index: 3; }
#logo, #logoHome, #top, #nav, #login, #search { float: left; }

#main { width: 980px; margin: 10px 0 0 0; padding: 0 0 145px 0; overflow: auto;}
#subNav { width: 250px; float: left; }
#pageContent { width: 700px; margin-left: 30px; float: right; position: relative; }



/*   =======  TOP & NAVIGATION    =======   */

#login { font-size: 11px; }
#login a { color: #fff; margin: 0 10px; text-decoration: none; }
.inputSearch { position: relative; top: -4px;/*  width: 150px;   padding: 1px; border: none; */ /* margin: 0 0 0 5px; */
/* added by malisa */
margin: 0 0 0 5px;
width:120px;
color:#000000;
font-family:Verdana,Arial,sans-serif;
font-size:0.875em;
}
.bG0 { padding: 0; margin: 0;}

#theCollection, #theCollection ul, #theCollection ul li { width: 124px; }
#theDifference, #theDifference ul, #theDifference ul li { width: 119px; }
#serviceOptions, #serviceOptions ul, #serviceOptions ul li { width: 149px; }
#company { width: 78px; }
#company ul, #company li, #company ul li { width: 124px; }
#contactUs { width: 92px; }
#contactUs ul, #contactUs ul li { width: 120px; }

#nav, #nav ul { margin: 0; list-style: none; float: left; font-size: 11px; text-transform: uppercase; text-align: center; }
#nav ul { padding: 40px 0 0 0; }
#nav a { display: block; color: #fff; text-decoration: none; text-align: center; }
#nav li { float: left; padding: 0; }
#nav li ul { position: absolute;  left: -999em; margin: 0px; padding: 0px; margin-top: 9px; *margin-top: 0px; /*hack for IE6 and IE7 browsers*/}
/* #nav li ul { position: absolute; left: -999em; margin: 0; padding: 0;  padding-top: 9px; } */
#nav li:hover ul { left: auto; display:block; }

#nav li ul li { background:#02328f url(../images/nav_hoverbg.png) repeat-x; text-transform: none; text-align: center; font-size: 10px; margin: 0px; padding: 4px 0;  }
#nav li ul a:hover, #nav li ul:hover { color: #ed1c24; text-decoration: none; }

#nav li:hover ul, #nav li.sfhover ul { float:left; margin-left:0px; position:relative;  } /* FOR IE - buggy support for hover */
#nav li { padding-bottom:10px;}

/*#nav li ul{ display:inline; margin-left:expression('-58px');}*/


#subNav h3 { color: #7a9be3; text-transform: uppercase; border-bottom: 1px solid #9ba3c2; margin: 0; padding: 10px 0 7px 0; }
#subNav ul { margin: 0; list-style: none; }
#subNav li { margin: 4px 0 0 0; padding: 0px 0 7px 20px ; color: #fff; border-bottom: 1px solid #465795; font-size: 12px; list-style: url(../images/subnav_bullet.png) inside; }
#subNav li:hover, #subNav a:hover, li.subnavOn a { color: #ed1c24; text-decoration: none;}
#subNav li.subnavOn {  list-style: url(../images/subnav_bullet2.png) inside;  }
#subNav li ul { padding: 0 0 7px 0; margin: 0; }
#subNav li li { border: none; padding: 2px 0 2px 18px; margin: 0; *line-height: 130%; *padding: 5px 0 5px 18px; }
#subNav li a { *padding: 0 0 0 5px; }
#subNav li li a { color: #fff; }
#subNav li.active,#subNav li.active a.active, #subNav a.active, li.subnavOn a.active, #subNav li li.active a { color: #ed1c24; text-decoration: none;}

/*   =======  FOOTER    =======   */

#homeFooter { 
	position: relative; 
	z-index: 2; 
	background: #000001 url(../images/bg_footer.jpg) repeat-x center top; 
	margin: -246px 0 0 0; 
	padding-top: 30px; 
	height: 236px;  
	*margin-bottom: -261px;
}
#footerPull { height: 131px; }
#footer { position: relative; z-index: 2; margin: -131px 0 0 0; padding-top: 35px; width: 100%; height: 95px; background: url(../images/footer_bg.png) repeat-x; border-top: 1px solid #0b0d80; *margin-bottom: -116px; }
#footerContent { width: 980px; margin: 0 auto; text-align: center; }

#navFooter { font-size: 12px; }
#navFooter a { color: #fff; text-decoration: none; }
#navFooter a:hover { color: #ed1c24; }

#copyright p { position: relative; float: left; font-size: 10px; color: #636363; margin: 0; }
#f_left { width: 500px;  text-align: left; }
#f_right { width: 480px;  text-align: right;}
#f_center { width: 480px; text-align: center; }


/*   =======   HOME    =======   */

#featuredImage { background: url(../images/frame_large.png) no-repeat; padding: 10px; float: left; margin-left: 4px;  }
#featuredCopy { width: 500px; margin-left: 55px; float: left; }
#featuredCopy p { text-align: justify; }

#callOuts { margin: 0 50px 70px 50px; ; height: 60px; text-align: left; }
.callOutText { width: auto; border-left: 4px solid #0b0d80; margin: 0 40px 0 10px; padding-left: 15px; float: left; }
#callOuts h2 { margin-top: 0; }
#callOuts p { margin-bottom: 0; }


/*   =======   SECTIONS CONTENT    =======   */

#pageContent h2 { text-transform: uppercase; padding-bottom: 11px; border-bottom: 1px solid #9ba3c2; width: 700px;}
#pageContent h3 { 
	color:#aaa;
	font-size:0.875em;
	margin:1em 0 0;
}
#pageContent a { text-decoration: underline; }
#pageContent h2 a { text-decoration: none; }
#pageContent h2 a:hover { color: #fff; }
.smallTxt a, a.smallTxt { text-decoration: none !important; }
#prodOptions a { text-decoration: none !important; }

#pageContent p { text-align: justify; }
#pageOptions { margin: -45px 0 0; padding: 0; float: right; }
#compare, #tellFriend { float: left; margin-right: 20px; text-align: right; }

.smallTxt { font-size: 10px; color: #fff; margin: 3px 0; }

#prodImage { float: left; width: 400px; }
.frameLarge { background: url(../images/frame_large.png) no-repeat; padding: 10px; float: left; padding-right:10px;  }
.moreImgView { border: 2px solid #0307fc; margin: 20px 6px 0 5px; }

#prodOptions { float: left; width: 270px; margin: -6px 0 0 10px; overflow: hidden; }
#prodOptions h3 { margin: 15px 0 0 0; font-size: 12px; }
.darkBreak { background:url(../images/linebreak.png) repeat-x; height: 2px; width: auto; margin: 10px 0; padding: 0; border: none; clear: both; display: block; }
a.smallViewImg { float: left; font-size: 10px; }
a.smallViewImg.last { margin-right: 0;}
a.mostRecentlyViewed { float: left; font-size: 10px;  margin-right: 5px; width: 81px; line-height: 120%; }
a.mostRecentlyViewed img { margin-bottom: 3px; }
span.iconLink, a.iconLink { float: left; font-size: 9px; line-height: 120%; margin-right: 0; width: 54px; display: block; text-align: center;  }
span.iconLink img, a.iconLink img { margin-bottom: 5px; }
#specs h3 { float: left; margin-right: 10px; padding-bottom: 10px; width:auto; }
.extraTxt p, span.extraTxt p { font-size: 10px; color: #808fce; float: left; margin-top: 10px; line-height:15px; height:15px; padding:0px; }
p.extraTxt { font-size: 11px; clear: both; margin-top: 15px; }
#details { margin: 15px 0; }
/*table { width: 700px; font-size: 10px; color: #fff; border: none; margin: 15px 0; }*/
/*th, tr, td { border: none; padding: 3px 5px; text-align: left; } */
table .r1 { background-color: #071c71; }

#compareGallery table td, #compareGallery form table td  { background: #061e7d; border-style: solid; border-width: 1px 0; border-color: #03124c #304184 #5868a9 #04165b; padding: 3px; text-align: center; font-size: 11px; color:#fff !important; font-family: Verdana, Arial, sans-serif !important; }
#compareGallery table th, #compareGallery form table th { text-align: center; font-size:10px; color:#fff !important; font-family: Verdana, Arial, sans-serif !important; }
#compareGallery .removeItem{ font-size:10px;}
#compareGallery table a { text-decoration: none !important; }

#contactForm form { margin: 0; padding: 20px 0; font-size: .875em; text-align: left; }
#contactForm input, #contactForm select, #contactForm textarea { font-family: Verdana, Arial, sans-serif; font-size: .875em; color: #000; }
#contactForm .inputText { width: 165px; margin: 5px; float: left;  }
#contactForm select { font-size: .75em; padding: 2px }
#contactForm textarea { width: 478px;  margin: 5px; }
#contactForm #industryID { width: 95px;  margin: 5px; float: left; }
#contactForm #industryNumber_label { width: 15px;  margin-top:5px; text-align: right; float: left; }
#contactForm #industryNumber { width: 30px;  margin:5px 5px 5px 0px; text-align: right; float: left; }
#contactForm div label { font-size: 11px; width: 128px; margin: 5px 0;  text-align: right; float: left; }
/*#submitButton { margin: 10px 0 0 245px; }*/
#submitButton{float:right; margin-right:90px;} 
#submitButton_contact{float:left; margin-left:380px;}

.colorChoice { width: 210px; float: left; margin: 0 20px 20px 0; }
.featureProd { width: 160px; float: left; margin: 0 15px 0 0; }
.featureProd .smallTxt { text-align: center !important; display: block; margin: auto; *margin: 0 0 2px;}

a.colorOption { float: left; font-size: 9px; line-height: 120%; margin: 0 15px 15px 0; width: 35px; }
.colorSwatch { width: 35px; height: 35px; background-color: #000; border: 1px solid #0307fc; }

.inscriptNav { 
	position: absolute;
	top: 0;
	right: 5px;
}
.inscriptNav a { text-decoration: none !important; }

h2.pagesubhead {
	font-size: .875em;
	margin-top: 3em;
	clear: both;
}
h2.pagesubhead a, h2.pagesubhead a:active, h2.pagesubhead a:visited, h2.pagesubhead a:hover {
	color: #fff;
}
.imgTechLarge {
	float: right;
	margin-left: 25px;
}
.colorBlock {
	display: block;
	text-align: center;
	margin-bottom: 12px;
}


/*   =======   CUSTOM CREATIONS    =======   */
.imgRow, imgDesignRow { 
	overflow: auto;
	margin-bottom: 15px;
}
.imgRow img { 
	float: left;
	margin: 0 20px 20px 0;
}
.fourCluster {
	width: 180px;
	float: left;
}
.fourCluster img {
	float: left;
	margin: 0 20px 20px 0;
}
.imgDesignRow, .imgExamples, .imgCluster {
	overflow: auto;
}
.imgDesignRow img, .imgCluster img {
	float: left;
	margin-right: 10px;
}
.imgExamples p {
	text-align: left !important;
}
.threeCluster {
	width: 175px;
	float: left;
	margin: 0;
}
.threeCluster img, .imgCluster img { margin: 0 5px 5px 0; }
.threeCluster p, .imgCluster p {
	display: block;
	clear: both;
	margin-top: 0px;
}
.imgCluster {
	width: 200px;
	float: left;
}
.exampleName {
	display: block;
	float: left;
	width: 100px;
	margin: 0;
}

/*   =======   MISC    =======   */


.b360view { font-size: 10px; padding: 7px 0 0 16px; background: url(../images/button_360.png) no-repeat; margin-top: 10px !important; width: 96px; height: 28px;  text-decoration: none !important; }
.bBlank { font-size: 10px; padding: 7px 0 0 2px; background: url(../images/button_blank150.png) no-repeat; margin-top: 10px; width: 148px; height: 26px; text-align: center;  text-decoration: none !important;  }
.threeCluster a, .b360view a, .bBlank a { text-decoration: none !important; }
.emp { font-weight: bold; }
.fleft { float: left; text-align: center;}
.last { float: right; margin-left: 10px;}
.mr10 { /* margin-right: 10px; */ margin: 3px 5px; }
.mb10 { margin-bottom: 10px; }
.centered { text-align: center; }
.dark { width: 980px; height: 1px; background-color: #0d0e27; color: #0d0e27; margin: 15px 0 10px; }
.dot { color: #7f82b4; font-size: 10px; margin: 0 10px;}
.error { color: #f00; display: block; margin: 5px 0 0 175px; font-size: 12px; }
.clear { clear: both; height:0px; line-height:0px; font-size:0px; }
.autoM { margin: auto; }

.rb { border: 1px solid red; } 

/*   =======   LOGIN - CMS    =======   */
#main {
	min-height: 185px;
	min-height: 165px !important;
	
}
.login LABEL {
	float: left;
	display: block;
	width: 100px;
	font-size: 12px;
}
.login .input {
	float: left;
	display: block;
	width: 150px;
}

#sent_to_friend_form { 
	background: #011f99 url(../images/bg_tellfriend.jpg) no-repeat center top; 
	padding-top: 30px;
	font-size: 12px;
	height: 370px;
}

#sent_to_friend_form #sender_email, #sent_to_friend_form textarea {
	width: 260px;
	margin-bottom: 10px;
	padding: 3px;
	font-family: Verdana,Arial,sans-serif;
	font-size: .825em;
}

#sent_to_friend_form #sender_email { width: 255px !important; }

#mb_center {
	background-color: #011F99;
}

#sent_to_friend_form #sender_email {
	width:200px;
}
#sent_to_friend_form label {
	text-align: right;
	font-size: .75em; 
	margin-right: 5px;
}
#sent_to_friend_form #submitButton {
	float: none;
	margin-left:162px;
}
#mb_center {
	background-color: #011F99;
}

#sent_to_friend_form #sender_email {
	width:200px;
}
#sent_to_friend_form LABEL {
	float: left;
	display: block;
	width: 150px;
	margin-left: 10px;
}

/* added latter need to fix table imported from old site */
table, tr, td {
	color:#CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

table .header {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
table.specTable{
   margin-top:5px;
   text-align: center;
}
table.specTable td{
   font-family:Verdana, Arial, Helvetica, sans-serif !important;
   color:#fff;
   font-size:11px;
   font-weight:normal !important;
   text-align: center;	
 }
  table.specTable th{
   font-family:Verdana, Arial, Helvetica, sans-serif !important;
   color:#fff;
   font-size:10px;
   text-align: center;
 }
table.specTable td p, table.specTable th p{
   padding: 0 !important;
   margin: auto !important;
}
.inputTitle.remeber, .agree_to_team {
   float:left;
   /*width:257px;*/
   margin-right: 10px;
   margin-top: 4px;
   font-size: 12px;
}
input.chck{
   float:left;
   margin:0px;
   padding:0px;
   margin-top:10px;
   margin-top:expression('7px');
   margin-left:3px;
   width:10px;
}
input#p_terms{
   width:10px;
   margin-top:8px;
   float:left;
 }
#contactForm.login span a{
  float:leftright;
  font-size:12px;
}
ul.site_map{
/*    width:250px; */
   margin:0 auto;
}
.site_map .site_map .site_map{
	float: left;
	width: 100px;
}
.site_map li{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding: 0 10px;
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #cccccc;
	line-height: 1.25em;
	font-size:11px;
	float: left;
}
ul.site_map li li a{
  font-weight:bold;
  display: block;
  margin-bottom: .6em;
}
ul.site_map li li li a{
  font-weight:normal;
  font-style:italic;
  color:#CCCCCC;
}
ul.site_map li li li a:hover{
  color:red;
}


/*   =======   PRODUCT TOOLTIPS   =======   */

div#qTip {
	border: 1px solid red;
	background: white;
	min-height: 17px;
	font-size: 11px;
	line-height: 17px;
	padding: 0 5px;
	float: left;
	display: none;
	color: #000;
	text-align: left;
	position: absolute;
	z-index: 100;
}


/*   =======   SEARCH RESULTS   =======   */

.search {
	font-size: .75em;
}
.searchTiltle {
	font-size: 1.5em;
}
.search a.search_more {
	font-weight: bold;
	text-decoration: underline;
	margin: 1em 0 0;
	display: block;
}
.search a.search_more br { margin: 0; }

.mtop { margin-top: 0; }

.mtop.oncenter { margin-left:210px; }
/* added by malisa */
h2.price_table {
 font-size: 12px;
}
/* no need we have it up 

.imgTechLarge {
float:right;
margin-left:25px;
}
.imgRow, imgdesignrow {
margin-bottom:15px;
overflow:auto;
}
.imgRow img {
float:left;
margin:0pt 20px 20px 0pt;
}
.fourCluster {
float:left;
width:180px;
}
.fourCluster img {
float:left;
margin:0pt 20px 20px 0pt;
}
.imgDesignRow, .imgExamples, .imgCluster {
overflow:auto;
}
.imgDesignRow img, .imgCluster img {
float:left;
margin-right:10px;
}
.threeCluster {
float:left;
margin:0pt;
width:175px;
}
.threeCluster img, .imgCluster img {
margin:0pt 5px 5px 0pt;
}
.threeCluster p, .imgCluster p {
clear:both;
display:block;
margin-top:0px;
}
.imgCluster {
float:left;
width:200px;
}
.exampleName {
display:block;
float:left;
margin:0pt;
width:100px;
}
.b360view {
background:transparent url(../images/button_360.png) no-repeat scroll 0%;
font-size:10px;
height:28px;
margin-top:10px !important;
padding:7px 0pt 0pt 16px;
width:96px;
}
.bBlank {
background:transparent url(../images/button_blank150.png) no-repeat scroll 0%;
font-size:10px;
height:26px;
margin-top:10px;
padding:7px 0pt 0pt 2px;
text-align:center;
width:148px;
}
.emp {
font-weight:bold;
}
.fleft {
float:left;
text-align:center;
}
.last {
float:right;
margin-left:10px;
}
.mr10 {
margin:3px 5px;
}
.mb10 {
margin-bottom:10px;
}
*/