@charset "UTF-8";

/* --------- Website Global Settings ------------------- */

* {margin: 0; padding: 0; }     /* general reset */

html { overflow-y: scroll; }    /* no side way shift of page */

.clearfloat {clear:both;}


/* -------------------- Template  ------------------- */
body {
	font-family:arial,sans-serif;
	background:#cdcdcd;}
				
#header { width:1074px;
               height:200px;
	       margin:0 auto;
               background:#fff url(/images2/header-new.jpg) no-repeat; }
 
         #hp_contact {width:150px;
                              height:120px;
                              float:right;
                              font-size:80%;
                              line-height:19px;
                              color:#ccc;
                              margin:15px 50px 0 0;}

		  
#wrap     {	width:1074px;
		margin:0 auto;
        	background:#fff url(/images2/body-bg2.png) repeat-y;	}

#wrap-inside  {	width:1074px;
		margin:0 auto;
        	background:#fff url(/images2/body-bg-inside.png) repeat-y;	}
		   
#content { width:836px;
        	background:url(/images2/logo.png) no-repeat;
        	background-position:10px 10px;
		float:left;
                padding-top:50px;}
		  
#leftcol {width:182px;
	     margin-left:21px;
	     float:left;
             color:white;
             background:url(/images2/speaker_bottom.jpg) top right no-repeat;}
		   
#footer, #footer-inside {width:1074px;
	     height:99px;
	     margin:0 auto;
             color:white;}

            #footer {background:#fff url(/images2/footer2.png) no-repeat;}
            #footer-inside {background:#fff url(/images2/footer-inside.png) no-repeat;}
			   
			   
/* -------------------- Left Side Navigation CSS  ------------------- */

#nav {width:165px;
         margin:190px 0 0px 15px;}

         #nav h3{width:155px;
                      display:block;
                      height:20px;
                      background-color:#edecec;
                      color:#666;
                      font-size:85%;
                      font-weight:lighter;
                      padding:5px 0 0 10px;}

#leftcol ul {width:165px;
                 list-style-type:none;
                 padding:10px 0 7px 0;
                 background-color: #535353;}

#leftcol li {width:156px;
                text-decoration:none;
                margin-bottom:10px;}

#leftcol ul a {width:155px;
                    text-decoration:none;
                    color:white;
                    display:block;
                    height:20px;
                    font-size:80%;
                    padding:7px 0 0 10px;}

#leftcol ul a:hover{color:#e1081c;
                             background-color:#cdcdcd;}

/* -------------------- Top Navigation CSS  ------------------- */

#top-nav {width:600px;
                float:right;
                margin:35px 50px 0 0;
                 text-align:right;}

              #top-nav ul {width:600px;}
              #top-nav li {display:inline;
                                 height:25px;
                                 width:90px;
                                 padding:0 5px;
                                 text-align:center;}

              #top-nav a {text-decoration:none;
                                 padding:3px 10px;
                                 font-size:80%;
                                 color:#333;
                                 width:80px;
                                 height:20px;
                                 display:inline-block;}

              #top-nav a:hover{color:black;
                                         background: url(/images2/nav-button.png) top center no-repeat;
                                         width:80px;
                                         height:20px;}

              #top-nav li.selected a {color:black;
                                         background: url(/images2/nav-button.png) top center no-repeat;}


/* -------------------- Home Page CSS ------------------- */

#hp-leftcol {width:450px;
                   float:left;
                   padding:5px 15px 20px 15px;}

                  	#hp-leftcol h1 {font-size:90%;
                                          color:#666;
                                          font-weight:lighter;
                                          text-align:justify;}
										  
					#hp-leftcol h4 {font-size:100%;
                                          color:#000;
                                          font-weight:bold;
										  padding:5px 0;}
										  
					#hp-leftcol h5 {font-size:90%;
                                          color:#000;
                                          font-weight:lighter;
										  line-height:19px;
										  padding:5px 0;}

                  	#hp-leftcol p {font-size:80%;
                                          color:#333;
                                          font-weight:lighter;
                                          line-height:17px;
                                          text-align:justify;
                                          padding-bottom:5px;}

#hp-rtcol {width:350px;
                   float:right;}

            #hp-rtcol p  {font-size:80%;
                                  color:white;
                                 padding:5px 20px 10px 30px;
                                  line-height:22px;
                                  text-align:justify;}

.rt-heading {width:345px;
                   float:right;
                   margin:-40px 8px 10px 0;}

.square_images_left {width:142px;xheight:132px;
                          float:left;
                         margin:10px 10px 10px 20px;
                         background-color:#535353;}

.square_images{width:142px;xheight:132px;
                         float:left;
                         margin:10px;
                         background-color:#535353;}


#rt_bottom_heading {width:350px;
                               float:right;
                               margin:20px 5px 10px 0;}


      #rt_bottom_heading p {font-size:75%;
                                  color:white;
                                  padding:0px 10px 5px 15px;
                                  line-height:19px;
                                  text-align:justify;}

      #rt_bottom_heading a {color:yellow;}
      #rt_bottom_heading a:hover {color:red;}

/* -------------------- Products Pages CSS ------------------- */

#product-page {font-family: Verdana,Geneva,sans-serif;}

#product-page h1, .announcement-details h1 {font-size:20px;
                              color:white;
                              font-weight:lighter;
                              display:block;
                              width:802px;
                              background-color:#949496;
                              padding:4px 0 4px 30px;
                              margin-left:1px;
                              border-top:solid #fafafa 2px;}

#product-page h2, .announcement-details h2 {font-size:14px;
                            line-height:19px;
                            font-weight:lighter;
                            color:#404040;
                            padding:10px 30px 5px 30px;}

#product-page h3 {font-size:14px;
                              font-weight:lighter;
                              line-height:19px;
                              color:white;
                              padding:20px 30px 20px 30px;}

#product-page p, #product-page li {font-size:12px;
                            line-height:19px;
                            color:#404040;
                            xpadding:0 30px 5px 30px;}

                            #product-page p {padding:0 30px 5px 30px;}
                            #product-page li {padding:5px 20px 5px 0px;}
							#product-page h4 {margin-left:30px;}
							#product-page h6 {margin-left:30px;}

#product-page ul {padding-left:30px;}

.product-bits ul {margin-left:280px;}

.product1 {width:832px;
                 margin-left:3px;
                 height:210px;
                 background-color:#c5c5c5;}

.product-bits {width:832px;
                 margin-left:3px;
                 height:303px;
                 background-color:#a5a5a7;
                 border-top:solid #fafafa 2px;}

.image1 {width:200px;
                float:left;
                padding:10px 20px;}

.image2 {width:154px;
                float:left;
                padding:15px 20px 20px 20px;}

.image3 {width:320px;
                float:left;
                margin:30px 20px;}
				
.image4 {width:250px;
                float:left;
                margin:20px;}

.product-detail {width:832px;
                 margin-left:3px;
                 height:180px;
                 background-color:#edecec;
                 border-bottom:solid #ccc 2px;}

/* -------------------- Spec Page CSS ------------------- */

#spec_page {width:795px;
                    background-color:white;
                    padding:10px 20px 20px 20px;
                    font-size:80%;}

               #spec_page h2 {font-size:18px;
                                        font-weight:lighter;
                                        color:#777;
                                        padding-bottom:10px;}

/* -------------------- Contact Form Page CSS ------------------- */

#form {width:450px;
            margin-left:200px;}
			

/* -------------------- Awards Page CSS ------------------- */

table.awards {margin-left:50px;}


/* -------------------- TECH TALK Page CSS ------------------- */

.tech-page {width:771px;
                  padding:10px 30px;
                  background-color:white;
                  margin:0px 0 20px 2px;}

.announcement-details { color:#666666;
                                      font-size:12px;
                                      line-height:18px;
                                     padding:20px 20px 20px 30px;
                                     background-color:white;
                                     width:780px;}

               .announcement-details h1 {width:730px;}
               .announcement-details h2 {padding-left:0px;}
               .announcement-details p {padding-bottom:8px;}

/* -------------------- Warranty Page CSS ------------------- */

.req {font-size:12px; color:red; padding-left:5px;}

#warranty-left {width:320px;
                        margin-left:30px;
                        float:left;
                        background-color:white;}

#warranty-right {width:320px;
                        float:right;
                        margin-right:60px;
                        background-color:white;}

#warranty-left h2, #warranty-right h2 {border-bottom:1px solid #555; margin-bottom:10px;}

#catwebformbutton {color:red;
                                font-size:12px;}