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

/*-- BASIC STRUCTURE STYLES --------------------------------------------------------*/


#wrapper {
  width: 100%;
  height: 100%;
  background: url(/img/body_bgtile.jpg) repeat-x;
 /* position: relative;*/
}

#container {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

/*#content {
  width: 900px;
  padding: 30px;
  background-color: #fff;
  min-height: 500px;
  overflow: hidden; 
}*/


/*-- HEADER STYLES -----------------------------------------------------------------*/


#header {
  width: 100%;
  height: 90px;
  background: url(/img/header_bgtile.jpg) repeat-x #002b63;
}

#mast {
  height: 90px;
  width: 960px;  
  margin: 0 auto;
  padding: 3px;
  /*overflow: hidden;*/
}


#utility {
  text-align: right;
  height: 23px;
  /*display: inline;*/
  overflow: hidden;
}
#utility a{
  display: block;
  padding: 8px 0px 0px 0px;
  color: #c0e3ff;
  font-size: .75em;
  text-transform: uppercase;
}

#utility a:hover {
   text-decoration: underline;
 }

#main {
  height: 46px; /* was 60 */
  position: relative;
  width: 960px;
}

h1.logo {
  float: left;
}

#main .logo a {
  background: url(/img/telikin_logo.png) no-repeat;
  text-indent: -9999px;
  width: 400px; 
  height: 41px;   
  display: block;
}

#main .v3logo a {
  background: url(/img/V3Internet_logo.png) no-repeat;
  text-indent: -9999px;
  width: 380px; 
  height: 80px;   
  display: block;
}

#main .phone {
  float: left;
  padding-top: 20px;   
  width: 310px;         
  text-align: right;    
}

#main .v3phone {
  float: right;
  padding-top: 50px;   
  width: 270px;         
  text-align: right;    
}

#main .buy {
  float: left;     
  text-align: right;
  padding-top: 9px;  /*was 12px */
  padding-left: 15px; /*was 12px */
  padding-right: 15px; 
 }
 
#globalnav {
  color: #edf0f2;
  height: 40px;
  background: url(/img/globalnavbar.png) no-repeat;
}

#globalnav ul {
  height: 40px;
  margin: 0px;
}

#globalnav ul li {
  float: left;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  /*vertical-align:bottom;*/
}
#globalnav ul li:hover a {
 /* background: url(/img/globalnavbar_over.png) no-repeat -30px 0;  */
  background: url(/img/globalnavbar_over.png) no-repeat -10px 0;

}
#globalnav ul li#home:hover a {
  background-position: 0 0;
}

.pipe{
  border-left: 1px solid rgba(0,0,0,0.3);
  border-right: 1px solid rgba(255,255,255,0.3);
  height: 39px;
  width: 1px;
}

#globalnav a {
  float: right;
  height: 15px;
  color: #edf0f2;
  font-size: 15px;
  font-weight: bold;
  padding: 14px 14px;  /* reduced to 14, 14 to prevent menu rollover. */
}

#globalnav ul li a.techbuddy {
  background: none;
}

#globalnav ul a:hover {
  color: #FFF;
  text-decoration: none;
}

#globalnavtt {
  color: #edf0f2;
  height: 40px;
  background: url(/img/globalnavbar.png) no-repeat;
}

#globalnavtt ul {
  height: 40px;
  margin: 0px;
}

#globalnavtt ul li {
  float: left;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  /*vertical-align:bottom;*/
}
#globalnavtt ul li:hover a {
 /* background: url(/img/globalnavbar_over.png) no-repeat -30px 0;  */
  background: url(/img/globalnavbar_over.png) no-repeat -10px 0;

}
#globalnavtt ul li#home:hover a {
  background-position: 0 0;
}

#globalnavtt a {
  float: right;
  height: 15px;
  color: #edf0f2;
  font-size: 15px;
  font-weight: bold;
  padding: 13px 11px;  /* was 15, then 6, then 8, 17 */
}

#globalnavtt ul li a.techbuddy {
  background: none;
}

#globalnavtt ul a:hover {
  color: #FFF;
  text-decoration: none;
}

/* SECTION STYLES -----------------------------------------------------------------*/


.section{
  margin-bottom: 15px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid #CCC;
  padding: 1px;
  overflow: hidden;
  -moz-box-shadow: 0px 1px 1px #999;
  -webkit-box-shadow: 0px 1px 1px #999;
  box-shadow: 0px 1px 1px #999;
  background-color:#FFF;
  position: relative;
  width: 956px;
}

.section.first{
  border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top: none;
  min-height: 500px;
}


/* TWO COLUMN */
 
.twocol .col1{
  width: 439px;
  float: left;
  text-align: center;
}

.twocol .col2{
  width: 439px;
  margin-left: 16px;
  float:left;
  
}


/* THREE COLUMN */
 
.threecol .col1, .threecol .col2{
  border-right: 1px solid #CCC;
  width: 317px;
  float: left;
  text-align: center;
}
.threecol .col3{
  width: 318px;
  float: left;
  text-align: center;
}

/* TWO COLUMN BORDERED */
 
.twocol .bordered{
  width: 100%;
  border-right: 1px solid #CCC;
  position: relative;
  right: 478px;
}
.twocol .bordered .col1{
  width: 478px;
  /*border-right: 1px solid #CCC;*/
  float: left;
  position: relative;
  left: 478px;
}

.twocol .bordered .col2{
  width: 477px;
  float: left;
  position: relative;
  left: 479px;
  margin: 0px;
}


/* THREE COLUMN BORDERED */

.threecol .bordered1{
  width: 100%; 
  position: relative;
  right: 318px;
  border-right: 1px solid #ccc;
}
 
.threecol .bordered2{
  position: relative;
  right: 318px;
  width: 100%; 
  border-right: 1px solid #ccc;
}

.threecol .bordered2 .col1, .threecol .bordered2 .col2, .threecol .bordered2 .col3{
  position: relative;
  border: none;
  float:left;
  left: 634px;
  width: 318px;
}

/*.threecol .bordered2 .col1{
  width: 318px;
}
.threecol .bordered2 .col2, .threecol .bordered2 .col3{
  width: 317px;
}*/


 /* TWO COLUMN SKINNY RIGHT BORDER */

.twocolsr .bordered{
  width: 100%;
  border-right: 1px solid #CCC;
  position: relative;
  right: 254px;
}
.twocolsr .bordered .col1 {
  width: 702px;
  float: left;
  position: relative;
  left: 254px;
  text-align: center;
}	
.twocolsr .bordered .col2 {
  float: left;
  width: 251px;
  position: relative;
  left: 255px;
}

 /* TWO COLUMN MEDIUM RIGHT BORDER */

.twocolmr .bordered{
  width: 100%;
  border-right: 1px solid #CCC;
  position: relative;
/*  right: 400px;  */
}
.twocolmr .bordered .col1 {
  width: 556px;
  float: left;
  position: relative;
/*  left: 254px; */
}	
.twocolmr .bordered .col2 {
  float: right;
  width: 398px;
  position: relative;
/*  left: 255px; */
}

 
 /* TWO COLUMN SKINNY LEFT BORDER */

.twocolsl .bordered{
  width: 100%;
  border-right: 1px solid #CCC;
  position: relative;
  right: 286px;
}
.twocolsl .bordered .col1 {
  width: 286px; /* was 702, then 251 */
  float: left;
  position: left;
  left: 254px;
}	
.twocolsl .bordered .col2 {
  float: right;
  width: 500px;  /* was 251, then 702 */
  position: right;
  left: 255px;
}

 
 /* THREE COLUMN SKINNY RIGHT */

.threecolsr .col1{
  width: 286px;
  border-right: 1px solid #CCC;
  float: left;
}

.threecolsr .col2 {
  width: 382px;
  height:225px;   
  border-right: 1px solid #CCC;
  float: left;
}

.threecolsr .col1 {
  border-radius: 6x 0px 0px 6px;
  -moz-border-radius: 6x 0px 0px 6px;
}

.threecolsr .col3 {
  float: left;
  width: 286px;
  border-radius: 0x 6px 6px 0px;
  -moz-border-radius: 0x 6px 6px 0px;
}

 /* THREE COLUMN Real SKINNY RIGHT */

.threecolrsr .col1{
  width: 318px;
  border-right: 1px solid #CCC; 
  float: left;
}

.threecolrsr .col2 {
  width: 0px;
  height:225px;   
  float: left;
}

.threecolrsr .col1 {
  border-radius: 6x 0px 0px 6px;
  -moz-border-radius: 6x 0px 0px 6px;
}

.threecolrsr .col3 {
  float: left;
  width: 636px;
  height:225px;
  border-radius: 0x 6px 6px 0px;
  -moz-border-radius: 0x 6px 6px 0px;
}


/*DIV.twoCol, DIV.threeCol {
  clear: both;
}*/

/*DIV.twoCol .col1 { margin-right: 30px;  width: 435px; float: left; }
DIV.twoCol .col2 { width: 435px; float: left; }
*/

/*DIV.twoCol .col1 { margin-right: 4%;  width: 48%; float: left; }
DIV.twoCol .col2 { width: 48%; float: left; }*/

DIV.twoColLeftSidebar .col1 { width: 270px; float: left; }

DIV.twoColLeftSidebar .col2 { width: 610px; margin-left: 14px; float: left; }
DIV.twoColLeftSidebar .col2wide { width: 910px; margin-left: 14px; float: left; } /* added for combo reviews */

DIV.twoColSkinnyLeftSidebar .col1 { width: 90px; float: left; }
DIV.twoColSkinnyLeftSidebar .col2 { width: 790px; float: right; }

/* Wide col1 and Narrow col2 used for new Reviews and Videos page */
DIV.twoColLeftSidebar .col1wide { width: 450px; float: left; }
DIV.twoColLeftSidebar .col2narrow { width: 410px; margin-left: 14px; float: left; } /* added for combo reviews */


.pad30{
  padding: 30px;
}

.pad15{
  padding: 15px;
}

.pos{
position: absolute;
bottom: 30px;
}


/* FOOTER STYLES---------------------------------------------------------------------*/


/*#pagefoot{
  height: 20px;
  background: url(../../img/page_bottom_cap.jpg) no-repeat;
}*/

#footer {
  font-size: 12px;
  height: 85px;
  padding: 0px;
  overflow: hidden;
  
}
#footer ul#footernav {
  float: left;
}
#footer ul#footernav li {
  display: inline;
}
#footer ul#footernav li a {
  font-size: .875em;
  text-transform: uppercase;
  color: #666;
}
#footer ul#footernav li:after {
  content:" | ";
}

#footer ul#footernav li a:hover {
  color: #06C;
  text-decoration: underline;
}
#footer p.copyright {
  float: right;
  font-size: 10px;
}
#footer p.phone {
  float: left;
  font-size: 1.1625em;
  color: #000;
}

#footer #social a {
  padding-left: 12px;  /* was 12px */
}

/* GRID STYLES ---------------------------------------------------------------------*/




DIV.roundedboxlt, DIV.roundedboxdk {
  width: 100%;
  margin: 0px 0px 15px 0px;
  position: relative;
  overflow: hidden;
}
DIV.roundedboxlt .topleft, DIV.roundedboxlt .topright, DIV.roundedboxlt .bottomleft, DIV.roundedboxlt .bottomright  {
  background: url(../../img/roundedboxlt.jpg);
  /*font-size: 2px;*/
  height: 12px;
}
DIV.roundedboxlt .topright {
  background-position: 100% 0;
  margin: -12px 0px 0px 12px;
}
DIV.roundedboxlt .bottomleft {
  background-position: 0 -12px;
  margin: 0px 12px 0px 0px;
}
DIV.roundedboxlt .bottomright {
  background-position: 100% -12px;
  margin: -12px 0px 0px 12px;
}
DIV.roundedboxlt .inside{
  border-left: 1px solid #9eb6c5;
  border-right: 1px solid #9eb6c5;
  background: #ecf3f9;
  color: #333;
  padding: 15px;
}



DIV.roundedboxltlg, DIV.roundedboxdklg {
  width: 95%;
  margin: 0px 0px 15px 0px;
  position: relative;
  overflow: hidden;
}

DIV.roundedboxltlg .topleft, DIV.roundedboxltlg .topright, DIV.roundedboxltlg .bottomleft, DIV.roundedboxltlg .bottomright  {
  background: url(../../img/roundedboxlt_long.jpg);
  /*font-size: 2px;*/
  height: 12px;
}

DIV.roundedboxdk .topleft, DIV.roundedboxdk .topright, DIV.roundedboxdk .bottomleft, DIV.roundedboxdk .bottomright  {
  background: url(../../img/roundedboxdk.jpg);
  font-size: 2px;
  height: 12px;
  color: #fff;
}

DIV.roundedboxdk .topright {
  background-position: 100% 0;
  margin: -12px 0px 0px 12px;
}
DIV.roundedboxdk .bottomleft {
  background-position: 0 -12px;
  margin: 0px 12px 0px 0px;
}
DIV.roundedboxdk .bottomright {
  background-position: 100% -12px;
  margin: -12px 0px 0px 12px;
}
DIV.roundedboxdk .inside{
  border-left: 1px solid #8a98a8;
  border-right: 1px solid #8a98a8;
  background: #aebbc8;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

DIV.roundedboxlt DIV.twoCol .col1 { margin-right: 1%;  width: 39%; float: left; text-align: right; }
DIV.roundedboxlt DIV.twoCol .col2 { width: 60%; float: left; }
DIV.roundedboxdk DIV.twoCol .col1 { margin-right: 4%;  width: 48%; float: left; }
DIV.roundedboxdk DIV.twoCol .col2 { width: 48%; float: left; }

.notopgap {
  margin-top: 0;
}
.nobottomgap {
  margin-bottom: 0;
}
DIV.roundedboxlt .inside.nopadding {
  padding: 0px;
}

DIV.roundedboxlt .topleft.header, DIV.roundedboxlt .topright.header {
  background: url(../../img/roundedboxdkheader.jpg);
 /* font-size: 14px;*/ 
  color: #fff;
}
DIV.roundedboxlt .topleft.header {
  margin: -10px 0px 0px 0px;
  width: 12px;
  float: left;
}
DIV.roundedboxlt .topright.header {
  padding: 10px 10px 10px 0px;
  margin: 0px;
  background-position: 100% 0;
 /* padding-bottom: 12px;*/

}

DIV.roundedboxlt h4.header  {
  color: #fff;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

DIV.roundedboxlt h5  {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

.module {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  width: 100%;
  border: 1px solid #e6ecf2;
  margin-bottom: 7px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.module .content {
  padding: 15px;
}

.module .reviewcontent {
  padding: 5px;  /* was 5 kmc*/
}

.module img.stretch{
  z-index: -1;
  position: absolute;
  top: 5px;
  height: 100%;
  width: 100%;
}