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

body{
	text-align:center;
	font:12px Helvetica, Arial, sans-serif;
	line-height:15px;
	background-color:#000;
	margin:0;
	padding:0;
	/*color:#4c4c4c*/
         color:#ffffff;
}

a:link, a:visited{
	color:#4c4c4c;
	text-decoration:underline;
}

.sidebar a:link, .sidebar a:visited, .footer a:link, .footer a:visited{
	color:#000;
}

.footer a:link, .footer a:visited{
	text-decoration:none;
}

.sidebar a:hover{
	color:#999;
}

.footer a:hover{
	color:#7a7c82;
}

a:hover{
	text-decoration:underline;
	color:#999;
}

img{
	border:0;
	padding:0;
	margin:0;
}

h2{
	font:16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:0;
}

h3{
	font-size:14px;
}

small{
	font:9px Verdana, Arial, Helvetica, sans-serif;
}

.smaller{
	font-size:11px;
}

.pad{
	padding:10px;
}

.padleft{
	padding-left:10px;
}

.padright{
	padding-right:10px;
}

.padtop{
	padding-top:10px;
}

.padbottom{
	padding-bottom:10px;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clear{
	clear:both;
}

.green{
	color:#54b948;
}



.blue{
	color:#5091cd;
}

.red{
	color:#d11242;
}

.purple{
	color:#7f3f98;
}

div.page_gradient{
	background:#000 url(http://www.ooma.com/images/page_gradient.gif) top left repeat-x;
	text-align:center;
}

div.page{
	width:800px;
	text-align:left;
	margin:0 auto;
}

/*searcharea*/
div.searcharea{
       float:right;
       display:inline;
       width:230px;
       padding-top:20px;
}
div.content{
	background:#fff url(http://www.ooma.com/images/subpage_bg.gif) bottom left repeat-x;
}

div.content table td{
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 1.5em;
        color:#333333;}

div.widecolumn table{
                       }
/*this class removes the row with KBlogo image, extra spacing after Seach articles*/
table tr.rowtoremove{
      display: none;

}

/*removes Knowledge base box from FAQ pages
table.tabletoremovefrom tr td.celltoremove{
      display: none;
}*/

/*remove the borders around the tables*/
td.KBdefaulttext{
  border: 0px !important;
}

/*this class removes the row with KBlogo image, extra spacing after Seach articles*/
table tr.rowtoremove{
      display: none;

}

div.halfpage{
	width:400px;
	float:left;
}

div.quarterpage{
	width:200px;
	float:left;
}

div.header{
	background:url(http://www.ooma.com/images/logo.gif) 0px 11px no-repeat;
	position:relative;
	padding-top:40px;
          border-bottom: 0px;
}

div.footer{
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	clear:both;
	padding:25px 0 15px 0;
	color:#000;
}

div.sidebar{
	width:213px;
	float:left;
	text-align:center;
	padding-top:12px;
}

/*customised ooma look -customer support sidebar call-out boxes*/
div#gotquestions-image{
         position: relative;  
         margin-bottom: 3px;
	_margin-bottom: 0;
}

div#gotquestions-image input#gotquestions-chatsupport{
	position: absolute;
	top:30px;
	left:25px;
	_left:10px;
	}
div#gotquestions-image input#gotquestions-emailsupport{
	position: absolute;
	top:48px;
	left:25px;
	_left:10px;
}
div#gotquestions-image img#gotquestions-callsupport{
	position: absolute;
	top:66px;
	left:25px;
	_left:10px;
}

/*----------------*/


div.widecolumn{
	width:587px;
	float:left;
	padding-top:12px;
}

.widecolumn ul{
	margin-left:0;
	margin-right:20px;
	padding-left:0;
	padding-right:0;
}

.widecolumn li{
	list-style:none;
	list-style-position:outside;
	padding-left:0;
	margin-left:0;
	padding-right:0;
	margin-left:0;
}

.header a#home{
	display:block;
	width:150px;
	height:75px;
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
}

.header a#signin{
	display:block;
	position:absolute;
	top:8px;
	right:30px;
}

.header a#signout{
	display:block;
	position:absolute;
	top:8px;
	right:30px;
}

.widecolumn p{
	margin-top:0;
}

.singlecolumn p, .singlecolumn h2, .singlecolumn div{
	margin-right:230px;
}

.widecolumn h2{
	padding-top:0;
	margin-top:10px;
}

.widecolumn img.heading{
	display:block;
}

.widecolumn h2{
	font-weight:bold;
}

ul.faq{
	margin-bottom:30px;
}

ul.triangle{
	margin-left:12px;
}

.triangle li{
	display:block;
	background:url(http://www.ooma.com/images/list_triangle.gif) top left no-repeat;
	padding-left:8px;
}

/* ----------- BEGIN FORM ELEMENTS ------------------- */

form{
}

input.text{
	border:1px #ccc solid;
	background:#f8f8f8 url(http://www.ooma.com/images/input_txt_bg.gif) top left repeat-x;
}

/* ---------------- end form elements ---------------- */

/* ----------- BEGIN SIDEBAR MODULES ------------------ */

.sidebar{
	color:#000;
}

div.module{
	width:183px;
	background:url(http://www.ooma.com/images/sidebar_box_top.gif) top left no-repeat;
	padding-top:11px;
	margin:0 auto;
	margin-bottom:20px;
}

.module div.boxcontent{
	background:url(http://www.ooma.com/images/sidebar_box_bg.gif) bottom left no-repeat;
	padding:0 12px 12px 12px;
	text-align:left;
	min-height:100px;
}

.sections div.boxcontent{
	padding-left:0;
	padding-right:0;
}

.module h3{
	padding:0;
	margin:0;
}

.module ul{
	padding:0;
	margin:0;
	margin-top:12px;
}

.module li{
	list-style:none;
	list-style-position:outside;
}

.sections h3{
	padding:0 12px;
}

.sections li{
	padding:3px 0;
}

.sections li a{
	padding-left:12px;
	padding-right:12px;
}

.sections li span{
	display:block;
	color:#fff;
	padding:3px 12px;
}

.largegap li{
	padding-bottom:12px;
}

#footerpage .sections li span{
	background-color:#3f3f3f;
}

#learn .module h3{
	color:#5091cd;
}

#learn a.view{
	float:left;
}

.view img{
	padding-right:25px;
}

#learn a.more{
	color:#000;
	display:block;
	line-height:30px;
	font-size:11px;
	font-weight:bold;
}

#buy .module h3{
	color:#54b948;
}
#myooma .module h3{
	color:#7f3f98;
}
#support .module h3{
	color:#d11242;
}

div.content_half_left{
	width:300px;
	float:left;
}

.content_half_left p, .content_half_left h2{
	margin-right:43px;
}

div.content_half_right{
	float:left;
	width:255px;
}

img.sidebtn{
	border:none;
	padding-bottom:20px;
}

/* end sidebar module */

/* ---------------- BEGIN NAVIGATION ---------------------- */

div.nav{
	padding-left:215px;
	height:34px;
}

.nav a, .nav span{
	display:block;
	width:100px;
	height:34px;
	float:left;
	text-decoration:none;
}

.nav a.learn_current{
	background-image:url(http://www.ooma.com/images/cur_tab_learn2.gif);
}
.nav a.buy_current{
	background-image:url(http://www.ooma.com/images/cur_tab_buy2.gif);
}
.nav a.myooma_current{
	background-image:url(http://www.ooma.com/images/cur_tab_myooma2.gif);
}
.nav a.support_current{
	background-image:url(http://www.ooma.com/images/cur_tab_support2.gif);
}

.nav span.learn{
	background:#090909 url(http://www.ooma.com/images/cur_tab_learn2.gif) top left no-repeat;
}
.nav span.buy{
	background:#090909 url(http://www.ooma.com/images/cur_tab_buy2.gif) top left no-repeat;
}
.nav span.myooma{
	background:#090909 url(http://www.ooma.com/images/cur_tab_myooma2.gif) top left no-repeat;
}
.nav span.support{
	background:#090909 url(http://www.ooma.com/images/cur_tab_support2.gif) top left no-repeat;
}

.nav a.home{
	background-image:url(http://www.ooma.com/images/tab_home.gif);
}

.nav a.learn{
	background-image:url(http://www.ooma.com/images/tab_learn.gif);
}

.nav a.buy{
	background-image:url(http://www.ooma.com/images/tab_buy.gif);
}

.nav a.myooma{
	background-image:url(http://www.ooma.com/images/tab_myooma.gif);
}

.nav a.support{
	background-image:url(http://www.ooma.com/images/tab_support.gif);
}

.nav a:link, .nav a:visited{
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

.nav a:hover{
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
}

/* end navigation*/

/* Navigation styles - for gift center tab-------*/
.nav a.giftcenter_current{
	background-image:url(http://www.ooma.com/images/cur_tab_gift2.gif);
	width: 131px;
}

.nav span.giftcenter{
	background:#090909 url(http://www.ooma.com/images/cur_tab_gift2.gif) top left no-repeat;
	width: 131px;
}

.nav a.giftcenter{
	background-image:url(http://www.ooma.com/images/tab_giftcenter.gif);
	width: 131px;
}

/* -------------- BEGIN SUBNAV -----------------  */

div.subnav{
	line-height:25px;
	background-color:#ccc;
	padding-left:213px;
	position:relative;
	height:34px;
}

.subnav span.corner1, .subnav span.corner2{
	width:5px;
	height:5px;
	display:block;
	line-height:5px;
	position:absolute;
	z-index:10;
}

	/* subnav rounded corners */
.subnav span.corner1{
	top:0;
	left:0;
}

.subnav span.corner2{
	top:0;
	right:0;
}

.subnav_learn span.corner1{
	background:url(http://www.ooma.com/images/corner1_learn.gif) top left no-repeat;
}
.subnav_learn span.corner2{
	background:url(http://www.ooma.com/images/corner2_learn.gif) top right no-repeat;
}

.subnav_buy span.corner1{
	background:url(http://www.ooma.com/images/corner1_buy.gif) top left no-repeat;
}
.subnav_buy span.corner2{
	background:url(http://www.ooma.com/images/corner2_buy.gif) top right no-repeat;
}

.subnav_myooma span.corner1{
	background:url(http://www.ooma.comimages/corner1_myooma.gif) top left no-repeat;
}
.subnav_myooma span.corner2{
	background:url(http://www.ooma.com/images/corner2_myooma.gif) top right no-repeat;
}

.subnav_support span.corner1{
	background:url(http://www.ooma.com/images/corner1_support.gif) top left no-repeat;
}
.subnav_support span.corner2{
	background:url(http://www.ooma.com/images/corner2_support.gif) top right no-repeat;
}

.subnav_footer span.corner1{
	background:url(http://www.ooma.com/images/corner1_footer.gif) top left no-repeat;
}
.subnav_footer span.corner2{
	background:url(http://www.ooma.com/images/corner2_footer.gif) top right no-repeat;
}

	/* subnav rounded corners end */

.subnav ul{
	list-style-position:inside;
	padding:0;
	margin:0;
	list-style:none;
}

.subnav li{
	line-height:25px;
	padding:0;
	margin:0;
}

.subnav a:link, .subnav a:visited, .subnav a:hover{
	text-decoration:none;
}

.subnav a:link, .subnav a:visited, .subnav span{	
	color:#fff;
	display:block;
	padding:0 10px;
	float:left;
	height:34px;
	line-height:25px;
}

.subnav_learn span{
	color:#090909;
	background:url(http://www.ooma.com/images/subnav_pt_learn.gif) bottom center no-repeat;
}
.subnav_buy span{
	color:#090909;
	background:url(http://www.ooma.com/images/subnav_pt_buy.gif) bottom center no-repeat;
}
.subnav_myooma span{
	color:#090909;
	background:url(http://www.ooma.com/images/subnav_pt_myooma.gif) bottom center no-repeat;
}
.subnav_support span{
	color:#090909;
	background:url(http://www.ooma.com/images/subnav_pt_support.gif) bottom center no-repeat;
}

.subnav_learn a:hover{
	color:#036;
}
.subnav_buy a:hover{
	color:#060;
}
.subnav_myooma a:hover{
	color:#303;
}
.subnav_support a:hover{
	color:#603;
}

div.subnav_learn{
	background: #fff url(http://www.ooma.com/images/subnav_learn.gif) top left repeat-x;
}
div.subnav_buy{
	background:#fff url(http://www.ooma.com/images/subnav_buy.gif) top left repeat-x;
}
div.subnav_myooma{
	background:#fff url(http://www.ooma.com/images/subnav_myooma.gif) top left repeat-x;
}
div.subnav_support{
	background:#fff url(http://www.ooma.com/images/subnav_support.gif) top left repeat-x;
}

div.subnav_footer{
	background:#fff url(http://www.ooma.com/images/subnav_footer.gif) top left repeat-x;
}


.subnav li{
	font:14px Helvetica, Arial, sans-serif;
	display:inline;
	text-decoration:none;
}

/* end subnav */

/* Subnav styles - for gift center-----------------*/
.subnav_giftcenter span.corner1{
	background:url(http://www.ooma.com/images/corner1_buy.gif) top left no-repeat;
}
.subnav_giftcenter span.corner2{
	background:url(http://www.ooma.com/images/corner2_buy.gif) top right no-repeat;
}

.subnav_giftcenter span{
	color:#090909;
	background:url(http://www.ooma.com/images/subnav_pt_buy.gif) bottom center no-repeat;
}

div.subnav_giftcenter{
	background:#fff url(http://www.ooma.com/images/subnav_buy.gif) top left repeat-x;
}


/* -------- BEGIN HOMEPAGE OVERRIDES ------------- */
#homepage{
	color:#fff;
}

#homepage div.nav{
	/*padding-left:330px;*/
	padding-left:230px;
}

#homepage div.flash{
	text-align:center;
	padding-bottom:20px;
}

#homepage .btn img{
	float:left;
	padding:7px 7px 0 0;
	border:none;
}

#homepage .nav a:link, #homepage .nav a:visited{
	background-position:top left;
}

#homepage .nav a:hover{
	background-position:bottom left;
}

#homepage .nav span{
	background-position:bottom left;
}

#homepage .nav span.home{
	background-image:url(http://www.ooma.com/images/tab_home_index.gif);
	width:85px;
	background-repeat:no-repeat;
}

#homepage .nav a.learn{
	background-image:url(http://www.ooma.com/images/tab_learn_index.gif);
	width:95px;
}

#homepage .nav a.buy{
	background-image:url(http://www.ooma.com/images/tab_buy_index.gif);
	width:77px;
}

#homepage .nav a.myooma{
	background-image:url(http://www.ooma.com/images/tab_myooma_index.gif);
	width:118px;
}

#homepage .nav a.support{
	background-image:url(http://www.ooma.com/images/tab_support_index.gif);
	width:102px;
}


#homepage .nav a.signin{
	background-image:url(http://www.ooma.com/images/tab_signin_index.gif);
	width:50px;
}

#homepage div.header{
	background-position:0 25px;
	height:60px;
}

#homepage h2{
	color:#5091cd;
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

#homepage .blue h2 a:link, #homepage .blue h2 a:visited{
	color:#5091cd;
	text-decoration:none;
}

#homepage .green h2 a:link, #homepage .green h2 a:visited{
	color:#54b948;
	text-decoration:none;
}

#homepage .bottom h2 a:hover{
	text-decoration:underline;
}

#homepage .bottom a:link, #homepage .bottom a:visited{
	color:#fff;
	text-decoration:underline;
}

#homepage .bottom a:hover{
	/*color:#5091cd;*/
}

#homepage .green a:hover{
	color:#54b948;
}

#homepage .blue a:hover{
	color:#5091cd;
}

#homepage .green, #homepage .blue{
	color:#fff;
}

#homepage div.bottom{
	padding: 25px 40px 0 30px;
	width:330px;
}

#homepage .index_blogtop div.padleft{
	padding-left:40px;
	padding-right:30px;
	width:330px;
}

#homepage .bottom img{
	float:left;
	margin-right:15px;
}

#homepage .footer a:link, #homepage .footer a:visited, #homepage .footer{
	color:#fff;
	text-decoration:none;
}

#homepage .footer a:hover{
	color:#7a7c82;
}

#homepage .bottom h2{
	float:left;
}

#homepage .bottom img{
	float:left;
}

#homepage .bottom p{
	float:left;
	display:block;
	width:235px;
}

#homepage div.content{
	background:none;
}

#homepage div.footer{
	padding-top:66px;
}

#homepage div.index_blogtop{
	background:#000 url(http://www.ooma.com/images/index_blogtop.png) top left no-repeat;
	height:1%;
}

#homepage div.index_blogbottom{
	background:url(http://www.ooma.com/images/index_blogbottom.png) bottom left no-repeat;
	height:10px;
}


#homepage a#greenlinks:link, #homepage a#greenlinks:visited{
	color:#fff;
}

#homepage a#greenlinks:hover{
	color:#54b948;
}

/* end homepage overrides */

/*------Shanthi:04/24/08 :New support nav-----*/
div.subnav_support ul li{
   line-height: 25px;
}

div.subnav_support ul li.knowledgebase{
    color:#090909;
    background:url(http://www.ooma.com/images/subnav_pt_support.gif) bottom center no-repeat;
}



/* ---------------- BEGIN SUPPORT PAGE ----------- */

input#searchterm{
	width:380px;
	margin-bottom:10px;
}

form#searchform{
	padding-bottom:10px;
}

#support ul li h4{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#support ul li ul{
	margin:15px;
}

#support ul li h2{
	margin-top:25px;
}

/* end support page */

/* ------------------- BEGIN BUY PAGE ----------------- */

#buy small{
	padding-left:15px;
}

/* end by page */

/* Clearfix and other trickery/shenanigans
-------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */