/* CSS Document for Thing5 Website */
@charset "utf-8";
/*css reset*/
@import url("/css/reset.css");
body { text-align:left; background:url(/images/bg.png) #fff 0px 100px repeat-x;}

a { color: #000; font: 9pt arial; }
.normalLink
{
	text-decoration: none;
	color: #3f6daf;
}
a:hover { color: #386fb0; }

* li{list-style-type:disc;}

.left {
    display: inline-block;
    float:left;
}
.right{
    display: inline-block;
    float:right;
}
.left:after,.right:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

#wrapper {
    height:auto;
    width:972px;
    position:relative;
    margin:0px auto;
    overflow:hidden;
}

#logo {
    position:relative;
    top:12px;
}

#dashboardLogin {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    padding:5px;
    color:#000;
}

#topNav {
    height:100px;
    width:960px;
    display: inline-block;
}

#navWrap {
    height:30px;
    width:745px;
    position:relative;
    margin:10px;
    z-index: 88;
}


#content{
    display: inline-block;
    width:972px;
    background:url(/images/contentBg.png) left top repeat-y;
}


#contentLeft, #contentRight{
    height:155px;
    width:6px;
}

#contentLeft{ background:url(/images/contentLeft.png) left top no-repeat;}

#contentRight{ background:url(/images/contentRight.png) left top no-repeat;}

#contentCenter{
    width:960px;
    background:url(/images/faux_col.png) left top repeat-y;
    margin:0 0 0 0;
    overflow:hidden;
}

#contentCenterBottom{
    width:960px;
    height:1px;
    overflow:hidden;
    margin:0 auto;
    background:url(/images/faux_bottom.png) left top repeat-y;
}
#contentHeader{
    height:18px;
    width:972px;
    position:relative;
    margin:26px 0px 0px 0px;
    padding:0;
    overflow:hidden;
    background:url(/images/contentHeader.png) left top no-repeat;
}

#contentFooter{
    height:18px;
    width:972px;
    position:relative;
    margin:0 0 30px 0;
    background:url(/images/contentFooter.png) left top no-repeat;
}


#leftCol{
    position:relative;
    width:721px;
    overflow:hidden;
    left:10px;
}

#rightCol{
    position:relative;
    width:209px;
    overflow:hidden;
    right:10px;
}

.pad{
    border-top:1px solid #b4b4b4;
    display:inline-block;
    background:#FFF;
    height:10px;
    width:100%;
    overflow:hidden;
}
#homeBanner {
    height:280px;
    width:719px;
    position:relative;
    background:url(../images/flash_placeholder2.png) left top no-repeat;
    border: 1px solid #B4B4B4;
    border-bottom:none;
}

.banner{
    display:block;
    height:115px;
    width:719px;
    border:1px solid #b4b4b4;
    border-bottom:none;
    position:relative;
}
#learnmore_homepage {
    position: relative;
    width: 287px;
    height: 28px;
    display:block;
    overflow:hidden;
    top: 150px;
    left: 45px;
}
#learnmore_homepage a:hover
{
    position:relative;
    top:-27px;
}

#requestQuote {
    display:block;
    border-top:1px solid #B4B4B4;
    height:265px;
    position:relative;
    width:208px;
    overflow:hidden;
    padding:15px 0 0 0;
}
#requestForm
{
    width:200px;
    overflow:hidden;
    position:relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: normal;
    margin:10px auto 5px auto;
}

#requestForm td
{
    white-space:nowrap;
}

.formmenu
{
    width: 120px;
    z-index: 5;
    font-family:arial;
    font-size:12px;
    position:relative;
}
.botTrap
{
    display: none;
}

.button{ 
    height:26px;
    display:block;
    position:relative;
    overflow:hidden;
}
.button a:hover
{
    position:relative;
    top: -25px;
}
.submitButton{width: 68px;}


/*------------------------------------FIND A PRODUCT CONTAINER ON HOME PAGE---------------------------------*/


#findaProduct {
    height:250px;
    width:208px;
    padding:0 1px 0 1px;
    overflow:hidden;
    position:relative;
    border-top: 1px solid #b4b4b4;
}


#productWrap {
    width:202px;
    overflow:hidden;
    position:relative;
    margin:0 auto;

}

.productlink{
    height:18px;
    display:block;
    width:202px;
    position:relative;
    overflow:hidden;
    margin:8px 0 0 0;
}

.productlink a:hover{
    position:relative;
    top:-18px;
}

/*------------------------------------FIND A PRODUCT CONTAINER ON HOME PAGE---------------------------------*/
#homejumpform {
    width:215px;
    margin:10px 0;
    height:40px;
}

#jumpmenuhome {
    width:160px;
    height:20px;
    position:relative;
    float:left;
}

#go_button {
    height:20px;
    width:28px;
    display:block;
    overflow:hidden;
    position:relative;
    float:left;
    left: 3px;
}
#go_button a:hover
{
    position:relative;
    top:-19px;
}

/*------------------------------------------------------------------------------------------------------------*/
.promoContainer{
    height:250px;
    width:179px;
    position:relative;
    float:left;
    border:solid #b4b4b4;
    border-bottom:none;
    border-width:1px 0px 1px 1px;
    overflow-x:hidden;
}

.promoheader {
    height:45px;
    width:182px;
    position:relative;
}



.promoheader2 {
    height:35px;
    width:179px;
    position:relative;
}

.promoBottom {
    height:auto;
    width:auto;
    position:relative;
    display:block;
    float: left;
}

.promoBottom a {
    text-decoration: none;
    width: 88px;
    height: 25px;
}



.promocopy {
    display:block;
    height:83px;
    width:135px;
    color:#595959;
    left: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    position: relative;
    float: left;
    line-height: 17px;
    padding-left: 20px;
    margin-bottom: 10px;
    padding-top: 0;
    margin-top: 0;
    overflow:hidden;
}

.learnmoreLink {
    height:25px;
    width:88px;
    display:block;
    line-height:25px;
    font-size:12px;
    color:#FFFFFF;
    background-color:#a3d869;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-image:url(../images/bullet.gif);
    background-position:right;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 5px;
    margin: 0px auto;
    position: relative;
    float: left;
}

.learnmoreLink:hover {
    color:#3f6daf;
}



.learnMoreButton 
{
    width: 105px;
    height: 26px;
    display:block;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
    position: relative;
} 

.learnMoreButton a:hover
{
    position:relative;
    top: -26px;
} 
.newscopy {
    display:block;
    height:auto;
    width:170px;
    color:#595959;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    position: relative;
    float: left;
    left: 6px;
    line-height: 19px;
}

.blackHeadline {
    height:auto;
    width:181px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    position:relative;
    float:left;
    display:block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 8px;
    color:#000;
}

.pricingHeadline {
    height:auto;
    width:181px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
    position:relative;
    float:left;
    display:block;
    text-align: center;
    margin-bottom: 12px;
    color:#000;
}

.newsHeadline {
    height:auto;
    width:160px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    position:relative;
    float:left;
    display:block;
    text-align: left;
    margin-top: 5px;
    left: 10px;
    color: #000;
    margin-bottom: 3px;
}
#footer {
    display:inline-block;
    position:relative;
    width:960px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin:0 auto;
    padding-top:10px;
    text-align: center;
}

.footerLinks {
    color:#999;
    text-decoration:none;
    font-weight: normal;
    line-height: 20px;
}

.footerLinks:hover {
    color:#386fb0;
}
#rightNav{border-top:1px solid #b4b4b4; min-height:115px;}
#rightNavWrap{
    width:150px;
    list-style-type: none;
    padding:10px 0;
    margin:0 auto;
    line-height: 22px;
}
#rightNav h1 a{
    font: bold 15px Arial, Helvetica, sans-serif;
    color:#3f6daf;
    text-transform: uppercase;
    text-decoration:none;
}
#rightNav ul a{
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration: none;
    line-height: 20px;
}
#rightNav li{list-style-type:none;}

#rightNav a:hover {color:#3f6daf;}

.hrline{
    height:5px;
    border-top:1px solid #bbb;
    margin:5px 0 0 0;
}
#rightRelatedContent
{
    height:auto;
    width:197px;
    position:relative;
    float:left;
    border-top: 1px solid #b4b4b4;
    background: url(../images/relatedcontent.gif) 30px 0 no-repeat;
    padding: 40px 0 0 10px;
    padding-bottom:12px;
}

#genericContent
{
    padding:10px 15px 10px 15px;
    border-top:1px solid #b4b4b4;
}
#genericContent h1{

    padding:15px 0 0 0;
}
#genericContent h1 a
{        color:#3f6daf;
    font:bold 12px Arial, Helvetica, sans-serif;
}
#genericContent p
{padding:5px 0 5px 0;}
#genericContent ul
{padding:15px 10px 10px 25px;}
#genericContent li{padding: 5px;}
.news table tr {vertical-align:middle;}
.news_headline
{
    font-family: Arial;
    font-size: 9pt;
    color: #3f6daf;
    font-weight: bold;
}

.news_sub_headline
{
    font-family: Arial;
    font-size: 9pt;
    color: #000;
    font-weight: normal;
    margin-right: 1em;
}

.news_date
{
    font-family: Arial;
    font-size: 9pt;
    color: #000;
    font-weight: bold;
    margin-bottom: 0.5em;
    width: 15%;
}
.article_news_headline
{
    font-family: Arial;
    font-size: 9pt;
    color: #3f6daf;
    font-weight: bold;
    margin-left: 0;
    width: 100%;
    text-align: center;
}

.article_news_sub_headline
{
    font-family: Arial;
    font-size: 9pt;
    color: #000;
    font-weight: normal;
    margin-left: 0;
    margin-right: 1em;
    width: 100%;
    text-align: center;
}

.article_news_date
{
    font-family: Arial;
    font-size: 9pt;
    color: #000;
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-left: 0;
}

.article_news_body
{
    margin-left: 0;
    margin-right: 1.5em;
}


.article_news_body p span
{
    line-height: 130%;
}

.news_article
{
    margin-left: 0em;
}

.news_article:hover
{
    cursor: pointer;
    text-decoration: none;
}

.newsArticleLink
{
    text-decoration: none;
}

.news_article:hover .news_headline
{
    text-decoration: underline;
}
#audioplayer_1
{
margin:10px 0  0 5px;   
}

.faq h1
{
    position: relative;
	left: 2em;
    color:#3f6daf;
    font:bold 12px Arial, Helvetica, sans-serif;
}


.faqsection {
	margin: 10px 0;
}

.faq {
	margin: 10px 0 0 10px;
}

.faq .question {
	color: #2763A5;
	cursor:  pointer;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
}

div.faq .answer  {
	color: #000;
	margin-left: 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 1.5em;
	margin-left: 2em;
	font-weight: normal;
}

.contact {
	font-family: arial;
	font-size: 9pt;  
}
.contact h1 {
    color:#3F6DAF;
}

.contact td{
    padding-bottom:4px;
}

#pbx_calcButton a,#ip_calcButton a
{
	width: 97px;
	height: 25px;
	background: url('/images/calculate.png');
	position: relative;
	float: right;
	margin: 1em;
	margin-right: 0;
}

#pbx_calcButton a:hover,#ip_calcButton a:hover
{
	background: url('/images/calculate.png') 0 -25px no-repeat;
	cursor: pointer;
}