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

#features{
    padding-left:20px;
    padding-right:20px;
    margin-bottom:5px;
}

#features h3{
    font-size:16px;
    color:#020202;
    margin-bottom:5px;
    margin-top:0px;
}

#features .ft_container{
    width:48%;
    float:left;
    text-align:left;
}

#features .ft_container#ft_left{
    background:url(../images/front-feature/feature-divider.jpg) top right no-repeat;
    padding-right:12px;
}

#features .ft_container#ft_right{
    float:right;
}

#features .ft_container .ft_image{
    float:left;
    width:40%;
}

#features .ft_container .ft_text{
    float:left;
    width:60%;
}

#headline{
    background:url(../images/headline-tab.jpg) top left no-repeat #f5f5f5;
    text-align:left;
    height:22px;
    overflow:hidden;
    margin-bottom:12px;

}

#headline #hd_item{
    padding-top:3px;
    padding-bottom:3px;
    border-top:#d6d6d6 1px solid;
    border-right:#d6d6d6 1px solid;
    border-bottom:#d6d6d6 1px solid;	
    margin-left:124px;
    padding-left:24px;
    font-weight:bold;
}

#categories .category{
    float:left;
    width:20%;
    font-weight:bold;
}

#main_links{
    margin-bottom:3px;
}

#main_links .m_link{
    background:url(../images/main-links-bg.png) top left no-repeat;
    height:50px;
    width:259px;
    float:left;
    margin-right:3px;
    text-align:left;
}

#main_links .m_last{
    margin-right:0px;
}

#main_links .m_link img{
    margin-top:-24px;
    margin-left:10px;
}

#main_links .m_link_text{
    float:right;
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    margin-top:12px;
    margin-right:6px;
    text-align:right;
    text-shadow:#000000 1px 1px 1px;
}

#main_links .m_link_text a{
    color:#ffffff;
    font-size:12px;
    text-shadow:#000000 1px 1px 1px;
}

#ext_links{
    margin-bottom:8px;
}

#ext_links .ext_link{
    height:33px;
    float:left;
    width:259px;
    margin-right:3px;
}

#ext_links .ext_connect{
    background:url(../images/ext_connect.jpg) top left no-repeat;
    text-align:right;
}

#ext_links .ext_connect img{
    float:right;
    margin-right:4px;
    margin-top:4px;
}

#ext_links .ext_last{
    margin-right:0px;
}


#contents_left{
    width:230px;
    float:left;
    text-align:left;
    color:#666666;
}

#contents_right{
    width:510px;
    float:right;
    text-align:left;    
}

#contents_box{    
    margin-bottom:5px;
}

#contents_left #register_bg{
    width:187px;
    height:81px;
    background:url(../images/register_bg.jpg) top left no-repeat;
    padding-top:16px;
    padding-left:13px;
    padding-right:13px;
    text-align:center;
    font-size:10px;
    margin-top:8px;
    margin-bottom:8px;
}
#contents_left #register_bg div{
    margin-top:6px;
}

#contents_left #side_categories{
    list-style:none;
    padding:0px;
    margin:0px;
    margin-top:5px;
    padding-top:10px;
    background:url(../images/categories-side-bg.png) top left no-repeat;
    width:212px;

}

#contents_left #side_categories li{
    padding-left:10px;
    display:block;
    padding-top:2px;
    padding-bottom:2px;
}

#contents_left #side_categories li#side_categories_bottom{
    padding:0px;
    height:10px;
    background:url(../images/categories-side-bottom.png) top left no-repeat;
}

#contents_left #side_categories li a{
    color:#808080;
}

#contents_left #side_categories li.light{
    background:#fdfdfd;

}

#contents_left #side_categories li.dark{
    background:#f2f2f2;
}

#contents_right #contents_nav{
    height:50px;
    width:507px;
    background:url(../images/contents-nav-bg.png) bottom left repeat-x;    
}

#contents_right #contents_nav ul{
    padding:0px;
    margin:0px;
}

#contents_right #contents_nav ul li{
    float:left;
    margin-right:3%;
    display:block;
}

#contents_nav #c_nav{
    width: 510px;
}

#contents_right #contents_nav ul li:hover{
    background:url(../images/contents-nav-item-bg.png) bottom left repeat-x;
}

#c_nav .nav_selected{
    background:url(../images/contents-nav-item-bg.png) bottom left repeat-x;
}

#contents_right #contents_nav ul li a{
    font-weight:bold;
    display:block;
    padding-bottom:7px;
}

#contents_right #contents_nav ul li a:hover{
    text-decoration:none;
    color:#999999;
}

.box_container{
    width:507px;
    margin-bottom:10px;
}

.box_container .box_top{
    background:url(../images/box-top.png) top left repeat-x;
    height:15px;
}

.box_container .box_bg{
    background:url(../images/box-bg.png) top left repeat-y;
    padding-left:10px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
}

.box_container .box_bg h3{
    margin:0px;
    color:#3c7290;
    font-size:16px;
    margin-left:5px;
    margin-bottom:5px;
}

.box_container .box_bg .box_third{
    float:left;
    width:35%;
    margin-bottom:5px;
    margin-right:6px;
}

.box_container .box_bg .box_headers .box_third{
    border:1px solid #dbdbdb;
    background:#efefef;
    font-weight:bold;
    padding:4px;
    color:#000000;
}

.box_container .box_bg .box_headers .box_last{
    margin-right:0px;
}

.box_container .box_bottom{
    background:url(../images/box-bottom.png) top left repeat-x;
    height:12px;
}

.box_container .box_search_filter{
    padding-left:10px;
    padding-right:8px;
    margin-bottom:5px;
}

.box_container .box_search_filter div input{
    background:#efefef;
    border:0px;
    padding-left:3px;
    padding-right:3px;
    font-size:10px;
    width:120px;
}

.box_container .box_search_filter a{
    color:#12547c;
}

.box_container .box_search_filter div{
    float:right;
}

.box_container .box_bg .box_filters .box_third{
    padding-right:10px;
}

.box_container .box_filters .box_third .filter_select{
    width:157px;
    height:150px;
    border:1px solid #ececec;
    margin-right:10px;
    font-size: 12px;
}


.box_container .search_bg {
    background:url(../images/box-bg.png) top left repeat-y;
    font-size:10px;
    height:81px;        
    padding-left:13px;
    padding-right:13px;    
    text-align:center;
    width: 481px;
}

.box_container .search_bg .search_form{
    padding-top: 10px;    
}

.box_container .search_bg #search_text {
    float: left;
    margin-left: 2px;
}

.box_container .search_bg #search_text {
    color: #000000;
    font-size: 9.4px;
    padding-left: 10px;
}

.box_container .search_bg #search_in {
    background:url("../images/search-bg-left.png") no-repeat scroll left top transparent;
    height:26px;
    padding:3px;
    text-align:center;
    width:181px;
    float: left;    
}

.box_container .search_bg #search_btn_left {
    margin-top:7px;
    text-align:right;
    width: 181px;
}

.box_container .search_bg #search_in input {
    border:medium none;
    font-size:13px;
    height:20px;
    width:170px;
}


#contents_left .search_bg {
    background:url("../images/register_bg.jpg") no-repeat scroll left top transparent;
    height:95px;
    padding:3px;    
    width:212px;        
    padding-top: 10px;
}

#contents_left .search_bg #search_in input {
    border:medium none;
    font-size:13px;
    height:20px;
    width:170px;
}

#contents_left .search_bg #search_in {
    background:url("../images/search-bg-left.png") no-repeat scroll left top transparent;
    float:left;
    height:26px;
    padding:3px;
    text-align:center;
    width:181px;
    margin-left:5%;
    margin-bottom:10px;
}

#contents_left .search_bg #search_btn_left {
    margin-top:7px;
    text-align:right;
    width: 181px;
    margin-left:5%;
}

#contents_right .content_bottom{    
    padding:0px;
    height:10px;
    background:url(../images/drop-shadow.jpg) top center no-repeat;
}


.defaultTextActive{
    color: #a1a1a1; 
    font-style: italic;
}


/***************** NEW CSS ************************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
sup{
    font-size:larger;
}
sub{
    font-size:smaller;
}
.alignleft, .left{
    float:left;
}
.alignright, .right{
    float:right;
}
select{
    height:22px;
    min-width: 150px;
}
table{
    text-align:left;
}
/* -------------------- CLEARFIX CLASS -------------------- */
.clear{clear:both;}
.clearfix:after {clear: both;
    content: '.';
    display: block;
    visibility: hidden;
height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/****************************************************/
a{
    color:#000000;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
#menu a:hover{
    text-decoration:none;
}
#logo{ color: #fff; }


#wrapper{
    font-family:Arial, Helvetica, sans-serif;
}
body{
    /*background:#182933;*/
}
.wrapper{
    width:981px;
    margin:0 auto;
    position:relative;    
}
/** [ Header ] **/
#header{
}
#header .wrapper{
    height:93px;
}
#logo{
    float:left;
    margin: 18px 17px;
}
#menu{
    float:left;    
    margin: 37px 29px;
    margin-right: 0px;
}
#menu li{
    float:left;
    list-style:none;
    margin-right:30px;
}
#menu li a{
    text-transform:uppercase;
    color:#85B4D6;
    font-size:14px;
    font-weight:bold;    
    text-decoration: none;
}
#menu li a.current{
    color: #D7D81C;
}
#menu li.right{
    margin:0;
}
#search{
    float:right;
    margin-top: 37px;
}
#search input[type="text"]{
    background:url(../images/searchbox.jpg) no-repeat transparent;
    width:148px;
    height:20px;
    border:none;
}
#search input[type="text"],
#search input[type="image"]{
    float:left;
}

/** [ Featured ] **/
#featured{
    background:url(../images/featured-bg.jpg) no-repeat left #fff;
    height:394px;
}
#featured .content{
    background:url(../images/featured-content.png);
    height:265px;    
}
#featured h1{
    font-size:45px;
}
#featured .wrapper{
    height: 197px;
    width: 873px;
    padding: 34px 54px;
}
#featured h2{
    margin-top: 21px;
    font-size: 31px;
}
#featured h3{
    bottom:20px;
    position: absolute;
}
#featured img{
    position:absolute;
    right: 109px;
    top: 25px;
}
#featured .featp{
    position:absolute;
    font-weight:bold;
    font-size:15px;
    letter-spacing:2px;
    right: 0px;
    bottom: 20px;
}
#featured .nav{
    position:absolute;
    background:url(../images/featured-nav.jpg) no-repeat;
    width:112px;
    height:14px;
    right:0px;
    margin-top: 210px;
}
/***** [ Thumbs ] *****/
#thumbs{
    margin:20px auto;
}
/*
#thumbs .img1{
    background:url(../images/range.png) no-repeat;    
}
#thumbs .img1:hover{
    background:url(../images/y_range.png) no-repeat;    
}

#thumbs .img2{
    background:url(../images/outdoor.png) no-repeat;    
}
#thumbs .img2:hover{
    background:url(../images/y_outdoor.png) no-repeat;    
}

#thumbs .img3{
    background:url(../images/hawking-dual-band.png) no-repeat;    
}
#thumbs .img3:hover{
    background:url(../images/y_dual-band.png) no-repeat;    
}

#thumbs .img4{
    background:url(../images/productpromo.png) no-repeat;    
}
#thumbs .img4:hover{
    background:url(../images/y_productpromo.png) no-repeat;    
}
*/

/* added by Nico */
#thumbs .img1{
    background:url(../images/image1_blue.png) no-repeat;    
}
#thumbs .img1:hover{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    background:url(../images/image1_yellow.png) no-repeat;    
}
#thumbs .img2{
    background:url(../images/image2_blue.png) no-repeat;    
}
#thumbs .img2:hover{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    background:url(../images/image2_yellow.png) no-repeat;    
}
#thumbs .img3{
    background:url(../images/image3_blue.png) no-repeat;    
}
#thumbs .img3:hover{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    background:url(../images/image3_yellow.png) no-repeat;    
}
#thumbs .img4{
    background:url(../images/image4_blue.png) no-repeat;    
}
#thumbs .img4:hover{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    background:url(../images/image4_yellow.png) no-repeat;    
}


#thumbs .thumb{    
    width:207px;
    height:154px;
    padding:10px;
    float:left;
    margin-right:23px;
}
#thumbs .thumb.last{
    margin:0;
}
#thumbs .thumb p{
    font-size:13px;
    font-weight:bold;
    letter-spacing:2px;
    margin-top:0px;
    line-height:20px;
    margin-bottom:20px;
}
#thumbs .thumb a{    
    font-size:11px;
    padding:5px 10px;
}

#hotnews{
    margin:0 auto;
}
.roundedleftdark{
    background:url(../images/roundedleftdark.jpg) no-repeat;
    width:10px;
    height:36px;
    float:left;
}
#hotnews h1{    
    background:#00477F;
    color: #FFFFFF;
    float: left;
    padding-left: 30px;
    text-align: left;
    width: 280px;
}
#hotnews p{
    float:left;
}
.roundedright{
    background:url(../images/roundedright.jpg) no-repeat;
    width:10px;
    height:36px;
    float:left;
}
.roundedleft{
    background:url(../images/roundedleft.jpg) no-repeat;
    width:10px;
    height:36px;
    float:left;
}
.rounded{
    border-top:1px solid #0c4a75;
    border-bottom:1px solid #0c4a75;
    float:left;
    line-height:34px;
    height:34px;
    letter-spacing:2px;
    color:#80b7e3;
    font-size:12px;
    text-transform:uppercase;
    margin:0 auto;    
    text-align: left;
}
.sub.last{
    margin-right:0;
}
.sub {
    float:left;    
    margin-right:10px;
}
.sub .rounded{
    width:300px;
}
.rounded p{
    color:#80b7e3;
    margin-left:28px
}
.extra{
    margin-top:10px;
    margin-bottom:10px;
}

#footer ul{
    position:relative;
    float:left;
    left:50%;
}
#footer a{
    color:#80b7e3;
    font-size:12px;
}
#footer li{
    float:left;
    left:-50%;
    position:relative;
    margin:0 5px;
    border-left:1px solid #666e12;
    list-style:none;
    padding:0 10px;
}
#footer li.last{
    border-right:1px solid #666e12;
}
#footer p{
    font-size:10px;
    color:#7e949f;
    text-align:center;
    margin-top:10px;
}

.learn_more {
    width: 104px;
    margin-top: 120px;    

}

.rounded p a{
    color: #83B4D8;
}

.connect a img{
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}



#fade { /*--Transparent background layer--*/
    display: none; /*--hidden by default--*/
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999;
}
.popup_block{
    display: none; /*--hidden by default--*/
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}