/*NEW TEXT CSS BEGINS HERE*/
p.maintxt{font:11pt arial,sans-serif}
p.sectxt{font:10pt arial,sans-serif}
.georgia{font-family:Georgia, "Times New Roman", Times, serif !important}
.pt12{font-size:12pt !important}
.pt9{font-size:9pt !important}
.pt8{font-size:8pt !important}
.bd{font-weight:bold}
.gr{color:#22314a}
.grd{color:#333}
.wt{color:#fff}
.rt{text-align:right}
.ctr{text-align:center}
.just{text-align:justify}
.pre{white-space:pre}
.lh{line-height:130%}
.lh190{line-height:190%}
.ti{text-indent:-12px}
.ti20{text-indent:-20px}
/*margins*/
.mg0{margin:0}
.mg2{margin:12px}  /*found only in rvs tec canada bubble*/
.mg5{margin:5px}
.mg20{margin:2px 0}
.mg-20{margin:-2px 0}
.mg-303{margin:-3px 0 3px}
.mg30{margin:3px 0}
.mg50{margin:5px 0}
.mg70{margin:7px 0}
.mg80{margin:8px 0}
.mg5810{margin:5px 8px 10px}
.mg8510{margin:8px 5px 10px}
.mg1000{margin:10px 0 0}
/*padding*/
.pd0{padding:0}
.pd12{padding-left:12px}
.pd15{padding-left:15px}
.pd20{padding-left:20px}
.pd30{padding-left:30px}
.pd030{padding:0 30px}
/*font css ends here*/
.fll{float:left}
.flr{float:right}
.clr{clear:both}
.ht{height:auto}
.pr{position:relative}
.pa{position:absolute}
.bry{background:repeat-y}
.brn{background-repeat:no-repeat}
/*DIVS css ends here*/

.class2 {text-decoration:none; font-size:11pt; font-weight:bold; color:#F9E608; white-space:pre}
.class3 {text-decoration:none; font-size:11pt; font-weight:bold; color:#3E3E3E; white-space:pre}

.links a:link {text-decoration:none; color:#22314A}
.links a:visited {text-decoration:none; color:#22314A}
.links a:hover {text-decoration:none; color:#000}
.links a:active {text-decoration:none; color:#000}
	
.links2 a:link {text-decoration:none; color:#fff;}
.links2 a:visited {text-decoration:none; color:#fff}
.links2 a:hover {text-decoration:none; color:#F9E608}
.links2 a:active {text-decoration:none; color:#fff}

.links3 a:link {text-decoration:none; color:#F9E608}
.links3 a:visited {text-decoration:none; color:#F9E608}
.links3 a:hover {text-decoration:none; color:#000}
.links3 a:active {text-decoration:none; color:#000}

.linksfaq a:link {text-decoration:none; color:#000}
.linksfaq a:visited {text-decoration:none; color:#000}
.linksfaq a:hover {text-decoration:none; color:#22314A}
.linksfaq a:active {text-decoration:none; color:#22314A}

.footer a:link{text-decoration:none; color:#000}
.footer a:visited{text-decoration:none; color:#000}
.footer a:hover{text-decoration:none; color:#2A7FFF}
.footer a:active{text-decoration:none; color:#000}

p.copyright{font:8pt Georgia,Times,serif; margin-top:4px; color:#A0A0A4}

h1 {font:12pt arial,helvetica,sans-serif; font-weight:700; color:#F9E608; margin:0}
h2 {font:10pt arial,helvetica; font-weight:normal;color:#000}
h3 {font:12pt arial,helvetica; font-weight:normal;color:#000; margin:5px}

a img {border: none;}

.topmenubar{width:4px; height:36px; margin-top:6px; background-image:url(Images/topmenubar.png); background-repeat:no-repeat}
.home a{width:62px; height:16px; background:url("Images/home.png") no-repeat; margin:15px 68px 0 61px; display:block}
.home a:hover{background-position:0 -16px}
.howto a{width:154px; height:16px; background:url("Images/how-it-works.png") no-repeat; margin:15px 21px; display:block}
.howto a:hover{background-position:0 -16px}
.apps a{width:148px; height:16px; background:url("Images/applications.png") no-repeat; margin:15px 24px; display:block}
.apps a:hover{background-position:0 -16px}
.product a{width:113px; height:16px; background:url("Images/products.png") no-repeat; margin:15px 41px; display:block}
.product a:hover{background-position:0 -16px}
.order a{width:157px; height:16px; background:url("Images/order-online.png") no-repeat; margin:9px 12px 0px 21px; display:block}
.order a:hover{background-position:0 -16px}

.headercart{height:35px; width:120px; margin-top:88px}
.headerphone{height:30px; width:160px; margin:-13px 7px 0 0; display:block}
.headerinfo{height:80px; width:120px; margin:7px 15px 0 0}
.cartbottom{width:26px; height:5px; margin:0 0 0 75px;}

/*Main containing Divs*/
#container{margin: -8px auto; width:1024px}
#header1{width:21px; height:140px; background-image:url(Images/shadow-left.png); background-repeat:repeat-y; float:left}
#header2{float:left; height:140px; width:985px; background-image:url(Images/Header.jpg)}
#header3{float:left; width:18px; height:140px; background-image:url(Images/shadow-right.png); background-repeat:repeat-y}
#topmenuLeft{float:left; width:21px; height:47px; background-image:url(Images/top-menu-left.png)}
#topmenuMiddle{float:left; width:985px; height:47px; background-image:url(Images/top-menu.jpg); background-repeat:repeat-x}
#topmenuRight{float:left; width:18px; height:47px; background-image:url(Images/top-menu-right.png)}
#belowmenuLeft{float:left; width:21px; height:8px; background-image:url(Images/shadow-left.png)}
#belowmenuMiddle{float:left; width:985px; height:8px; background-image:url(Images/background-top2.png)}
#belowmenuRight{float:left; width:18px; height:8px; background-image:url(Images/shadow-right.png)}
#background{float:left; width:955px; background-image:url(Images/background.png); background-repeat:repeat-y; padding-left:36px; padding-right:33px}
#main{float:left; width:270px; height:400px; padding-right:5px; margin:0}
#productbottom{clear:both; float:right; height:auto; width:auto}
#main2{Clear:both; width:auto; height:auto}
#bbottom{clear:both; width:1024px; height:13px}
#bbottomLeft{clear:both; float:left; width:21px; height:13px; background-image:url(Images/shadow-left.png)}
#bbottomMiddle{float:left; width:985px; height:13px; background-image:url(Images/background-bottom.png)}
#bbottomRight{float:left; width:18px; height:13px;background-image:url(Images/shadow-right.png)}
#bottomMenu{clear:both; width:1024px; height:34px}
#bottomMenuLeft{clear:both; float:left; width:25px; height:34px; background-image:url(Images/bottom-menu-left.png)}
#bottomMenuMiddle{float:left; width:976px; height:34px; background-image:url(Images/bottom-menu.png); background-repeat:repeat-x; padding:0px; margin:0px}
#bottomMenuRight{float:left; width:23px; height:34px; background-image:url(Images/bottom-menu-right.png)}
#shadow{Clear:both; width:1024px; height:23px}
#shadowBottomLeft{float:left; width:21px; height:23px; background-image:url(Images/shadow-bottom-left.png)}
#shadowBottomMiddle{float:left; width:980px; height:23px;background-image:url(Images/shadow-bottom-middle.png); background-repeat:repeat-x; padding:0}
#shadowBottomRight{float:left; width:23px; height:23px; background-image:url(Images/shadow-bottom-right.png)}
/*Main Divs end here*/

/*Index page divs*/
div.mainbottom{width:300px;padding:10px}
div.maintitle{height:27px; border-bottom:1px solid #3f7ca8}
div.mainbottom2{width:300px;padding:10px}
div.mainbottom2-2{bottom:15px; right:15px}
div.mainbottom3{width:300px;padding: 10px 0px 10px 10px}

div.productbox{float:left; position:relative; width:150px; height:385px; margin-left:10px; padding: 10px 5px 5px}
div.productbox:hover{background-position:160px 0px;}
div.productboxtxt{width:150px; height:206px; margin:127px 0 0}
div.more{float:left; right:5px; bottom:5px; margin-left:80px}

/*Contact input field begins*/
#contact-area{width:600px; margin-top:25px; float:left}
#contact-area input,#contact-area textarea{padding:5px; width:471px; font-family:Helvetica,sans-serif; font-size:14pt; margin:0 0 10px 0; border:2px solid #ccc}
#contact-area textarea{height:100px}
#contact-area textarea:focus,#contact-area input:focus{border:2px solid #F9E608}
#contact-area input.submit-button{width:84px; height:39px; float:right; background-image:url(Images/button-submit.jpg)}
label{float:left; text-align:right; margin-right:15px; width:100px; padding-top:5px; font-size:14pt}

/*Product page begins*/
div.productpage{width:955px; height:auto; margin:10px 0 0; clear:both}
div.productpic{float:right; width:211px; height:320px; margin:0}
div.productmain{float:left; width:955px; height:auto; padding:30px 0}
div.producttitle{width:auto; height:28px; border-bottom:1px solid #3f7ca8}
div.producttext{width:355px; height:auto; padding:0 10px; margin:5px 0; float:left; border-right:1px solid #3f7ca8}
div.productchoice{width:351px; height:auto; padding:10px 8px 0; margin:5px 0 0 -1px; float:left; border-left:1px solid #3f7ca8}
div.productchoice1{width:335px; height:100px; margin:5px 5px 10px 10px; background-image:url(Images/product-background.png)}
div.productchoice1:hover{background-position:0 -100px}
div.productchoice1-1{float:left; width:46px; height:24px; margin:10px 0; padding:28px 10px; border-right:1px solid #64b1e3}
div.productchoice1-2{float:left; width:88px; height:80px; padding:0 6px; margin:10px 0; border-right:1px solid #43a5e2}
div.productchoice1-3{float:left; width:147px; height:80px; padding:0 10px; margin:10px 0}
div.productorder{margin:0 10px 5px; height:auto; width:auto}
div.productshort{width:200px; height:auto; float:left; margin:5px 0 0 8px; padding:0 15px}

/*Order Page begins*/
div.ordertop{width:955px; height:25px; margin:0; float:left; padding:0}
div.ordermain{width:955px; height:auto; margin:0 0 10px; float:left}
div.floatL{width:auto; height:auto; float:left}
div.floatR{width:auto; height:auto; float:right}
div.shippingbox{float:left; width:220px; height:auto; padding:8px; margin:0 8px}
div.shippingbox2{float:left; width:290px; height:auto; margin:8px}
div.shipping{float:left; width:332px; height:auto; margin:10px 65px}
div.shipping2{float:left; width:368px; height:auto; margin:10px 61px}
div.vertborder{float:left; border-left:1px solid #3f7ca8; height:auto; width:1px; margin:10px 0}
div.orderchoice{width:410px; height:60px; float:left; margin:15px 10px 10px; background-image:url(Images/product-background-order.png)}
div.orderchoice:hover{background-position:0 -60px}
div.orderchoice1-1{width:46px; height:24px; float:left; margin:10px 0; padding:8px 10px; border-right: 1px solid #64b1e3}
div.orderchoice1-2{width:120px; height:40px; float:left; margin:10px 0; padding:3px 5px 0 10px}
div.orderchoice1-2-1{width:120px; height:50px; float:left; margin:5px 0; padding:0 2px 0 13px;}
div.orderchoice1-3{width:90px; height:80px; float:left; margin:-14px 0}
div.orderchoice1-4{width:105px; height:50px; float:left; margin:4px 0 0; padding:0 2px 0 10px;}
div.cart{width:auto; height:auto; margin:-5px 0 0}
div.ordercont{width:456px; height:auto; float:left; margin: 15px 10px}
div.ordercont1{width:410px; height:auto; float:left; margin:0 10px 5px}
div.ordercont2{width:410px; height:auto; float:left; margin-left:15px}

/* Applications page begins*/
div.apppic{width:350px; height:auto; float:left; padding:10px}
div.apppic2{width:350px; height:auto; float:right; padding:10px}
div.appmain{width:935px; height:auto; float:left; margin:0 10px}
div.appmain1{width:467px; height:auto; float:left}
div.apptext{width:935px; height:auto; margin:10px}
div.appinfo{width:427px; height:auto; margin:0 20px 5px; float:left}
div.appproductpic{width:75px; height:auto; margin:0 5px; float:left}
div.appproducttext{width:332px; height:auto; margin:8px 0 0 8px; float:left}
div.appline{height:50px; width:1px; margin:12px 0; border-left:1px solid #3f7ca8; float:left}
div.appshort{width:280px; height:auto; float:left; margin:5px 0 0 8px; padding:0 15px}

/*Howitworks begins*/
div.howitworks{float:left; clear:both; width:955px; height:auto; border-top:1px solid #3f7ca8; border-bottom:1px solid #3f7ca8; margin:10px 0}
div.flash{width:auto; height:auto; float:left; margin:10px 0 10px 30px; max-width:750px}
div.adobe{width:auto;height:auto; float:left; margin:10px 30px 10px 0; min-width:200px}

#blanket{background-color:#000; opacity:0.65; filter:alpha(opacity=65); position:absolute; z-index:1; top:0; left:0; width:100%}
#popUpDiv{position:absolute; width:400px; height:300px; z-index:2}
#popUpDiv2,#popUpDiv3,#popUpDiv4,#popUpDiv5,#popUpDiv6,#popUpDiv7,#popUpDiv8,#popUpDiv9,#popUpDiv10{position:absolute; border:2px solid #F9E608; width:617px; height:628px; z-index:2}
div.popup1{background-color:#016dd0; width:617px; height:600px; overflow-x:hidden; overflow-y:scroll; z-index:3}

div.hiwbox{float:left; width:900px; height:170px; background-image:url(Images/how-it-works-box.png); margin-left:25px}
div.hiw1{float:left; width:205px; height:146px; margin:2px 5px 0 8px}
div.hiw2{float:left; width:205px; height:146px; margin:2px 8px 0 5px}
div.hiwtext{float:left; width:635px; height:auto; margin:0 23px}

/*Contact and Info pages begins here*/
div.contactmain{float:left; width:650px; height:auto}
div.contactsec{float:left; width:305px; height:auto}
div.infomain{float:left; width:730px; height:auto}
div.infosec{float:right; width:215px; height:auto; padding-left:10px}
div.shiptabletop{float:left; height:28px; border-bottom:1px solid #3f7ca8; margin:5px 0 0}
div.shiptablebottom1{float:left; width:170px; height:28px; border-bottom:1px solid #3f7ca8; margin:0}
div.shiptablebottom2{float:left; width:270px; height:28px; border-bottom:1px solid #3f7ca8; margin:0}

/*Environment begins*/
div.envpic{float:right; width:160px; height:auto; margin:20px -15px 20px 15px}
div.envgrass{width:985px; height:auto; position: absolute; left:21px; bottom:0; background-image:url(Images/grass1.png); background-repeat:repeat-x}
div.envmain{float:left; width:795px; height:auto}
div.envtext{float:left; width:765px; height:auto; margin:15px 0 20px 30px}

/*Testimonials begins*/
div.test{float:left; width:240px; height:240px; margin:7px; background-image:url(Images/researchbg.png)}
div.test:hover{background-position:-240px 0}
div.testtitle1{width:200px; height:auto; margin:5px 20px; border-bottom:1px solid #43a5e2; float:left}
div.testtitle2{width:200px; height:auto; margin:5px 20px; border-bottom:1px solid #64b1e3; float:left}
div.testbottom{width:160px; height:auto; margin:5px 20px; float:left}
div.testbody1{width:90px; height:120px; margin:8px 55px}
div.testbody2{width:90px; height:120px; margin:8px 5px; float:left}
div.testbody3{width:120px; height:90px; margin:23px 40px; float:left}

/*Research begins*/
div.researchmain{float:left; clear:both; width:915px; height:auto; border-top:1px solid #3f7ca8; margin:-5px 20px 20px}
div.research{float:left; width:240px; height:240px; margin:10px 30px; background-image:url(Images/researchbg.png)}
div.research:hover{background-position:-240px 0}
div.twentym{margin-left:20px}
div.construction{width:200px; height:200px; margin:40px 377px; text-align:left}
div.msg{width:400px; height:auto; text-align:center; margin:40px 277px}

/*FAQ begins*/
div.answer{width:650px; height:auto; float:left; margin:5px 15px}
div.faqimage{width:245px; height:auto; float:left; margin:5px 15px}