@import url("/css/new_base_layouts.css");


div.bg_2-1 div.content div.col1{
    width:620px;
    padding-left: 0px;
}


/******************************** col2 - smartpen right-side section ***************************/

div#smartpen .col2 div.learn_pulse{
    background: top left no-repeat url(/images/smartpen/echo/pulse_pen_s.png);
    height:139px;
    padding-left:10px;
    padding-top:39px;
    width:200px;
    font-weight: bold;
}
div#smartpen .col2 div.learn_echo{
    background: top left no-repeat url(/images/smartpen/pulse/echo_pen_s.png);
    height:139px;
    padding-left:10px;
    padding-top:55px;
    width:200px;
    font-weight: bold;
}


/************************* col1 - smartpen left sub-navigation **************************/

div#smartpen .col1 div.leftnav{
    float:left;
    width: 117px;
}

div#smartpen .col1 div.leftnav a{
    border: medium none;
}

.product_logo{
    text-align: center;
    padding-bottom: 10px;
}

ul.product_subnav{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    background: bottom repeat-x url(/images/smartpen/divider.gif);
    padding-bottom:2px;
    width: 146px;
}

ul.product_subnav li{
    background: top repeat-x url(/images/smartpen/divider.gif);
    height: 30px;
}

#echonav ul.product_subnav li, .smartpen_section #echonav div.leftnav {
    width: 146px;
}

ul.product_subnav li.long_link{
    height: 45px;
}

ul.product_subnav li a, ul.product_subnav li a:visited, ul.product_subnav li a:link, ul.product_subnav li a:active{
    line-height: 30px;
    display:block;
    padding-left: 17px;
    padding-bottom: 0px;
    color: #557784;
    width/**/:/**/ 100px; /*for IE6*/
}

ul.product_subnav li a, ul.product_subnav li a:visited, ul.product_subnav li a:link, ul.product_subnav li a:active

#echonav ul.product_subnav li a, #echonav ul.product_subnav li a:visited, #echonav ul.product_subnav li a:link, #echonav ul.product_subnav li a:active{
    width: 130px;
    width/**/:/**/ 130px; /*for IE6*/
}

ul.product_subnav li.long_link a{
    line-height: 16px;
    padding: 7px 0 0 17px;
}

ul.product_subnav li a:hover{
    color: #ff8900;
    text-decoration: none;
}

#smartpen_overview #nav_overview a,
#smartpen_photos #nav_photos a,
#sky_evernote #nav_evernote a,
#sky_compare #nav_compare a,
#echo_compare #nav_compare a,
#echo_testmonials #nav_testimonials a,
#echo_desktop  #nav_echodesktop a,
#echo_feature #nav_features a {
    color: #ff8900;
    background: top repeat-x url(/images/smartpen/subnav_over_bg.png);
    text-decoration: none;
}

.buy_btn, .refer_btn{
    padding-left:17px;
}

.buy_btn{
    margin-top:10px;
}

/*********************************** col1 - smartpen main content**********************************/
div#smartpen .col1 .main_content{
    width: 477px;
    float: left;
    margin: 0px 0px 0px 25px;
}

div.content p.brief{
    margin: 0px 0px 10px 0px;
}

p.brief .title{
    color: #ff8900;
    font-size: 16px;
    line-height: 25px;
}

/*---------- Site Refresh for Sky Launch 102812 --------------*/

div#smartpen .col1 .main_content{
    width: 477px;
    float: left;
    margin: 0px 0px 0px 25px;
}

div.content p.video_title {
    font-size: 10px;
    color: #999;
    margin-top: 2px;
}