/* 
	Web: http://www.hardwarebase.net
	Version: 24.09.2010
        Author: Emir Agić (emir.agic[-at-]gmail.com)
*/

/*
	CSS RESET
*/
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,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
/*
	HELPERS
*/
.pic-left{float:left;margin-right:10px}
.pic-right{float:right;margin-left:10px}
.right{text-align:right}
.left{text-align:left}
.center{text-align:center}
.floatright{float:right}
.floatleft{float:left}
.vam{vertical-align:middle}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;margin:0;padding:0}
.font30{font-size:30px}
.font24{font-size:2carousel-content-ul4px}
.font22{font-size:22px}
.font20{font-size:20px}
.font18{font-size:18px}
.font16{font-size:16px}
.font14{font-size:14px}
.font12{font-size:12px}
.font11{font-size:11px}
.padding10px{padding:10px;}
.bold{font-weight:700}
.underline{text-decoration:underline}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.pointer{cursor:pointer}
.c_00213c{color:#00213c}
.c_a6cce3{color:#a6cce3}
/*
	LINKS
*/
a:link,a:visited{color:#606060;text-decoration:none;}
a:hover{color:#a6cce3;text-decoration:none;}
a:active{color:#606060;text-decoration:none;}
a.more:link,a.more:visited{color:#a6cce3;text-decoration:underline;}
a.more:hover{color:#a6cce3;text-decoration:underline;}
a.more:active{color:#a6cce3;text-decoration:underline;}
a.blue:link,a.blue:visited{color:#0076a2;text-decoration:none;}
a.blue:hover{color:#a6cce3;text-decoration:underline;}
a.blue:active{color:#0076a2;text-decoration:none;}
a.dark_blue:link,a.dark_blue:visited{color:#00213c;text-decoration:none;}
a.dark_blue:hover{color:#a6cce3;text-decoration:none;}
a.dark_blue:active{color:#00213c;text-decoration:none;}
a.light_blue:link,a.light_blue:visited{color:#a6cce3}
a.light_blue:hover{color:#a6cce3;text-decoration:underline;}
a.light_blue:active{color:#a6cce3}
/*
	GLOBAL
*/
body{font-family: Tahoma, Arial, sans-serif;color:#606060;font-size:12px;background-color:#d7dbde;text-align:center; background-image:url(../images/body-bg.jpg); background-repeat:repeat-x}
.no-js{color:#FFF;background-color:#000;padding:5px}
.no-js a:link,.no-js a:visited,.no-js a:hover,.no-js a:active{color:#fff;text-decoration:underline;}
div.hr{height:24px;background:#fff url(../images/hr.jpg) no-repeat scroll center}
div.hr hr{display:none}
#container{width:990px;text-align:left;margin:0 auto;}
/*
	FORM BASIC STYLES
*/
.form ul{}
.form li{padding:5px 0}
.form label{}
.form input[type="text"],.form textarea,.form select{border:1px solid #bbb;font-size:12px;font-family:Tahoma, Arial;color:#606060;padding:8px}
#security_code{width:519px;margin-right:8px;float:left}
#logo{float:left}
/*
	SEARCH BOX
*/
#search-hwb{float:right;margin:21px 0 0}
#search-hwb input{background:url(../images/search-input-bg.jpg) no-repeat 0 0;width:193px;height:19px;border:0;font-size:11px;color:#898989;font-family:Tahoma, Arial, sans-serif;float:left;padding:5px 10px}
#search-hwb button{border:0;background:url(../images/search-btn.gif) no-repeat 0 0;height:29px;width:37px;float:left;cursor:pointer}
#search-hwb button:hover{background:url(../images/search-btn.gif) no-repeat 0 -29px}
.highlight_word{background-color:#012a48; color:#fff}
.sort select{padding:0}
/*
	NAVIGATION
*/
#navigation-login{width:948px; height:133px; padding:14px 21px; margin:0 0 8px 0; background-color:#FFFFFF}
#banner-78x90-top{height:90px;width:728px;float:left;}
#navigation li{float:left;display:block;margin-right:2px}
#navigation a{display:block;height:10px;text-align:center;font-size:14px;background:url(../images/bg-menu.gif) repeat-x 0 0;color:#fff;padding:10px 20px 9px}
#navigation a:hover,#navigation a.current{background:url(../images/bg-menu.gif) repeat-x 0 -29px}
.sn-icons{background-image:url(../images/bg-menu.gif);width:201px;height:29px;float:right;margin-left:-2px}
.sn-icons li{display:inline}
.sn-icons li a{background:url(../images/sn-icons.gif?v=1.01) no-repeat 0 0;display:block;width:25px;height:29px;float:right}
.sn-icons .twitter{background-position:-9px 0;padding:0 7px}
.sn-icons .facebook{background-position:-48px 0}
.sn-icons .rss{background-position:-73px 0;padding:0 0 0 5px}
.sn-icons .mobile{background-position:-110px 0;padding:0 0 0 5px}
.sn-icons a.twitter:hover{background-position:-9px -29px}
.sn-icons a.facebook:hover{background-position:-48px -29px}
.sn-icons a.rss:hover{background-position:-73px -29px}
.sn-icons .mobile:hover{background-position:-110px -29px}
#breadcrumbs{background-color:#FFF;font-size:11px;margin-bottom:8px;margin-top:-8px;padding:0 21px 19px}
/*
	LOGIN BOX
*/
#login-form{float:right;font-size:11px;margin-left:11px;height:102px;width:200px}
#login-form li{padding-bottom:11px}
#login-form #user-logged li{padding-bottom:6px}
#login-form input[type="text"],#login-form input[type="password"]{width:182px;height:14px;font-size:11px;color:#d0d0d0;border:1px solid #d0d0d0;padding:4px 8px}
#login-form li input[type="checkbox"]{vertical-align:middle;margin-left:0}
#login-form li.login-btn{width:66px;text-align:right;float:right}
#login-form li.automatic-login{float:left;width:125px}
#login-form button{border:0;background:url(../images/login-btn.gif) no-repeat 0 0;height:21px;width:66px;float:right;cursor:pointer}
#login-form button:hover{background:url(../images/login-btn.gif) no-repeat 0 -21px}
/*
	ROTATION (carousel) BOX
*/
#carousel-content{width:990px; height:195px; background-color:#FFFFFF; padding:12px 0; margin:0 0 8px 0}
#carousel-content .arrow{background:url(../images/arrows.jpg) no-repeat 0 0;width:19px;height:29px;float:left;cursor:pointer;margin:66px 0 0 11px}
#carousel-content .arrow-left{background-position:0 0}
#carousel-content a:hover.arrow-left{background-position:0 -29px}
#carousel-content .arrow-right{background-position:-19px 0;float:right;margin:66px 11px 0 0}
#carousel-content a:hover.arrow-right{background-position:-19px -29px}
.carousel-content-ul{height:195px; width:905px; float:left;margin-left:-2px}
.carousel-content-ul li {float:left;width:203px; height:195px; border-right:1px solid #e8e8e8; padding:0 15px}
.carousel-content-ul a:link,.carousel-content-ul a:visited{color:#00213c;}
.carousel-content-ul a:hover{color:#a6cce3;}
.carousel-content-ul a:active{color:#00213c;}
.carousel-content-ul h1{font-size:14px; height:25px; padding:4px 0 0 0}
.carousel-content-ul .pic{border:1px solid #e8e8e8}
.carousel-content-ul img:hover.pic{border:1px solid #a6cce3}
.carousel-content-ul p{line-height:18px;height:55px}
/*
	LEFT SIDE
*/
#left-col{width:688px;float:left;display:inline;margin:0 8px 0 0;}
#left-sub-col{background-color:#fff;padding:22px; height:100%}
/*
	TOP NEWS
*/
.box-title,.text h1{font-size:22px;font-weight:400;color:#00213c;border-bottom:2px solid #00213c;height:21px;margin-bottom:12px;width:100%;padding:0 0 4px}
.box-top-news{width:645px;height:485px;background-color:#fff;margin-bottom:8px;padding:22px}
.box-top-news .box{width:202px;height:215px;float:left;margin-right:19px;display:inline}
.box-top-news .no-mr{margin-right:0}
.box-top-news .box h1{font-size:14px;font-weight:400}
.box-top-news .box h2{font-size:11px;color:#fff; font-weight:normal;margin-bottom:3px}
.box-top-news .box p{line-height:16px;margin-top:10px;height:48px}
.box-top-news .box a:link,.box-top-news .box a:visited{color:#fff;}
.box-top-news .box a:hover{color:#a6cce3;}
.box-top-news .box a:active{color:#fff;}
.box-top-news .box .title{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;width:186px;height:48px;background-color:#000;margin-top:-60px;position:relative;z-index:40;padding:6px 8px; line-height:14px}
.box-top-news .box .title img {position:absolute;margin-top:54px}
/*
	OTHER NEWS, BOX REVIEWS, BOX EDITORIAL, BOX HWB-VIDEO
*/
.box-other-news,.box-reviews,.box-editorial{width:296px;background-color:#fff;float:left;margin-right:8px;display:inline;padding:22px}
.box-reviews{margin-right:0;padding-bottom:14px;margin-bottom:9px}
.box-reviews .other-reviews{margin-top:-6px}
.box-reviews li{background:url(../images/arrow-small-blue.gif) no-repeat 10px 10px;width:296px}
.box-reviews li.bg_f8f8f8{background-color:#f8f8f8}
.box-reviews li a:hover{color:#fff;background:url(../images/arrow-small-white.gif) no-repeat 10px 10px #a6cce3}
.box-reviews li a{display: block;padding:6px 0 6px 27px; width:269px}
.box-other-news div.hr,.box-reviews div.hr{height:27px}
.box-editorial{margin-right:0}
.box-editorial div.hr{height:28px}
.box-editorial .box-title{margin-bottom:15px;}
.box-other-news .box,.box-editorial .box,.box-reviews .box,.box-hwb-video .box{height:80px;width:297px}
.box-other-news .box img,.box-editorial .box img,.box-reviews .box img,.box-hwb-video .box img{float:left;margin-right:12px}
.box-other-news .box h2,.box-editorial .box h2,.box-reviews .box h2{font-weight: normal; color:#a6cce3; font-size: 11px; top: -5px; position: relative; margin-bottom: -3px}
.box-other-news .box h1,.box-editorial .box h1,.box-reviews .box h1{font-size:14px;height:31px;margin-bottom:3px}
.box-other-news .box p, .box-editorial .box p{font-size: 11px;height:38px}
.box-other-news .box h1 a:link,.box-other-news .box h1 a:visited,.box-editorial .box h1 a:link,.box-editorial .box h1 a:visited,.box-reviews .box a:link,.box-reviews .box a:visited,.box-hwb-video .box a:link,.box-hwb-video .box a:visited{color:#315d78}
.box-other-news .box h1 a:hover,.box-editorial .box h1 a:hover,.box-reviews .box h1 a:hover,.box-hwb-video .box h1 a:hover{color:#a6cce3}
.box-other-news .box h1 a:active,.box-editorial .box h1 a:active,.box-reviews .box h1 a:active,.box-hwb-video .box h1 a:active{color:#315d78}
.video-play{margin:50px 0 0 -100px}
/*
	RIGHT SIDE
*/
#right-col{width:250px;background-color:#fff;float:right;display:inline;padding:22px 22px 1px 22px;}
.banner-250x250{margin-bottom:18px}
.box-hwb-video{margin-bottom:18px}
.box-hwb-video .box{width:250px;height:70px; font-size: 11px}
.box-hwb-video .box h1{position:relative;top:-2px;margin-bottom:5px; font-size: 12px; height: 23px}
.hwb-video-title{font-size:12px;position:relative;top:-8px;left:-6px;color:#a6cce3}
/*
	MULTI TAB BOX
*/
#multi-tab-box{margin-bottom:18px}
#multi-tab-box .content li{background:url(../images/plus-blue.gif) no-repeat 10px 10px}
#multi-tab-box .content li a:hover{color:#fff;background:url(../images/plus-white.gif) no-repeat 10px 10px #a6cce3}
#multi-tab-box .content li a{display: block;padding:6px 0 7px 27px; width:223px}
#multi-tab-box .content li.bg_f8f8f8{background-color:#f8f8f8}
#tabs{float:none}
#tabs li{font-size:12px;float:left;display:block;background:url(../images/tabs-bg.jpg) repeat 0 0;margin-right:2px;height:12px;text-transform:uppercase;padding:9px 0; text-align:center}
#tabs .tab1{width:92px;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px}
#tabs .tab2{width:87px}
#tabs li.tab3{width:67px;margin-right:0;-moz-border-radius-topright:2px;webkit-border-top-right-radius:2px}
#tabs li a{color:#fff;cursor:pointer}
#tabs li.selected{background:none;background-color:#a6cce3}
/*
	LISTING (LEVEL 2)
*/
.text-preview-list{height:117px}
.text-preview-list h2{color:#a6cce3;font-weight:400;padding-bottom:3px}
.text-preview-list h1{height:42px;font-size:18px;font-weight:400;line-height:19px}
.text-preview-list img{float:left;margin-right:20px}
.text-preview-list p{font-size:12px}
.text-preview-list h1 a:link,.text-preview-list h1 a:visited{color:#113049}
.text-preview-list h1 a:hover{color:#a6cce3}
.text-preview-list h1 a:active{color:#113049}
.box-categories .content{ font-size:14px; margin:0 -22px 22px -22px; padding:0 22px 10px 22px;border-bottom:8px solid #d7dbde; }
.box-categories li{width:250px}
.box-categories li.bg_f8f8f8{background-color:#f8f8f8}
.box-categories li a:hover{color:#a6cce3;background:url(../images/arrow-small-blue.gif) no-repeat 5px 8px;}
.box-categories li a.selected{color:#fff;background:#a6cce3}
.box-categories li a{display: block;padding:4px 0 4px 17px; width:233px}
/*
	SHOW TEXT (LEVEL 3)
*/
.text-preview-full{height:117px;padding-bottom:50px;display:block}
.text-preview-full h2{color:#a6cce3;font-weight:400;padding:0 0 13px}
.text-preview-full img{float:left;margin-right:20px}
.text-preview-full blockquote{font-size:14px;color:#0076a2;height:100px;line-height:20px;padding:0 0 0 0}
.text-preview-full blockquote img{float:none;margin:0 5px 2px}
.text-preview-full blockquote img:first-child{margin-left:0}
.text{border-bottom:#d7dbde solid 8px;margin:0 -22px 22px;padding:0 22px 10px}
.text div.text-db a{color:#0076a2}
.text div.text-db {line-height:18px;padding-bottom:10px}
.text div.text-db img {margin-bottom:0px}
.text p{margin-bottom:15px}
.text-db table img {padding: 10px 0}
#related-content{width:100%;height:225px;border-bottom:#d7dbde solid 8px;margin:0 -22px 22px;padding:0 22px}
#related-content .box{float:left;height:114px;margin-right:25px;display:inline}
#share-icons{float:right}
.share-icons{width:100%;height:23px;padding:7px 0 0px 0}
.share-icon{background:url(../images/share-icons.jpg) no-repeat 0 0;height:13px;width:13px;margin:0 0 10px 16px;float:left}
.share-icon-email{background-position:-28px 0}
.share-icon-facebook{background-position:-58px 0}
.share-icon-twitter{background-position:-87px 0}
.fb-like{border:none; overflow:hidden; width:120px; height:23px; padding:13px 0 8px 0}
.share-icons .fb-like{float:left;margin-top:-17px}
/*
	REVIEWS (LEVEL 3)
*/
div.info-box{font-size:18px;color:#a6cce3;border-bottom:2px solid #a6cce3;height:16px}
select.review_page{width:280px;padding:5px;float:left}
.review-page-select li {display:inline}
.review-page-select button{border:0;background:url(../images/prikazi-btn.gif) no-repeat 0 0;height:28px;width:66px;float:right;margin-left:12px;cursor:pointer;}
.review-page-select button:hover{background:url(../images/prikazi-btn.gif) no-repeat 0 -28px}
.previous-next{padding:23px 0}
.previous-next a{background:url(../images/arrow-drak-white-blue.jpg) 0 0 no-repeat;display:block}
.previous-next a.left{background-position:0 2px;padding-left:12px}
.previous-next a.left:hover{background-position:0 -24px}
.previous-next a.right{background-position:right -11px;padding-right:12px}
.previous-next a.right:hover{background-position:right -37px}
#info-box-table{margin-bottom:15px}
#info-box-table thead{font-size:16px;font-weight:700}
#info-box-table thead img{vertical-align:text-bottom;margin-right:10px}
#info-box-table tbody td{line-height:18px}
#info-box-table tfoot{font-size:14px;font-weight:700}
#info-box-table tfoot div{color:#a6cce3;font-size:12px;padding-top:5px;font-weight:400}
#info-box-table td{background:#fff url(../images/hr.jpg) no-repeat bottom left}
#info-box-table td{padding:15px 0}
div.review blockquote,#info-box-table thead td{padding-top:0}
/*
	PHOTO GALLERY ((LEVEL 3))
*/
#carousel-content-gallery{width:100%;height:85px;border-bottom:#d7dbde solid 8px;margin:0 -22px 22px;padding:0 22px 22px 22px}
#carousel-content-gallery .arrow{background:url(../images/arrows.jpg) no-repeat 0 0;width:19px;height:29px;float:left;cursor:pointer;margin:30px 8px 0 0}
#carousel-content-gallery .arrow-left{background-position:0 0}
#carousel-content-gallery a:hover.arrow-left{background-position:0 -29px}
#carousel-content-gallery .arrow-right{background-position:-19px 0;float:right;margin:30px 0 8px 0}
#carousel-content-gallery a:hover.arrow-right{background-position:-19px -29px}
#carousel-content-gallery .carousel-content-ul{height:80px; width:644px; float:left; margin: 5px -2px 0 0}
#carousel-content-gallery .carousel-content-ul li {float:left;width:106px; height:80px; padding:0 6px;border:0;text-align:center}
/*
	COMMENTS (LEVEL 3)
*/
.comment-item p span{margin: 5px 0px;color:#999;border-left: 2px solid #999;padding:3px 0 3px 10px; display: block }
.comment-item .author-name{width:130px;float:left;margin-bottom:3px;color:#a6cce3}
.comment-item .author-info{width:130px;float:left;}
.comment-item .datetime{font-size:11px}
.comment{line-height:16px;width:500px;margin-left:140px}
.comment-item .answer{font-size:11px;margin-top:12px}
.comment-item .answer a{color:#7da431}
.comment-item .answer a:hover{text-decoration:underline}
.show-all-comments{float:left;margin-top:10px}
.comment-number{float:right;position:relative;margin-top:-35px}
.comment-form{background-color:#f4f4f4;-moz-border-radius:4px;-webkit-border-radius:4px;margin-top:22px;padding:12px; padding-bottom:29px}
.comment-form #c_name{width:280px;margin-right:22px}
.comment-form #c_email{width:280px}
.comment-form .form textarea{height:90px;width:600px}
.comment-form button{border:0;background:url(../images/comment-btn.jpg) no-repeat 0 0;height:21px;width:66px;float:right;cursor:pointer;margin-right:2px}
.comment-form button:hover{background:url(../images/comment-btn.jpg) no-repeat 0 -21px}
.comment-form #chk_mail{vertical-align:middle;margin-top:0;margin-left:0;padding-left:0}
.cc,.cc-top,.cc-spotlight{float:right;color:#fff;position:absolute;background-image:url(../images/comment-count.png);width:21px;height:13px; padding: 0 0 0 3px;font-size:10px;font-weight:700;text-align:center;margin:-8px 0 0 273px}
.cc-top{margin:-8px 0 0 178px}
.cc-spotlight{margin:-8px 0 0 178px}
/*
	PAGINATION
*/
.pagination{float:right}
.pagination a,.pagination a.inactive,.pagination a.selected{color:#a6cce3;display:block;float:left;border:1px solid #a6cce3;font-size:14px;font-weight:700;-moz-border-radius:2px;-webkit-border-radius:2px;margin-left:4px;padding:8px}
.pagination a.inactive{color:#d7dbde;border:1px solid #d7dbde}
.pagination a.selected,.pagination a:hover{color:#fff;background-color:#a6cce3}
/*
	STATIC
*/
.static-text{line-height:18px}
.static-text p{margin-bottom:15px}
/*
	FOOTER
*/
#banner-78x90-bottom{padding:14px 0 20px 0; text-align:center;}
#footer{height:55px;border-top:1px solid #a6abaf;background-color:#b4b9bd}
#footer .content{width:990px;text-align:left;font-size:10px;margin:0 auto;padding:5px 0}
#footer p{margin:16px 0 0 240px}
#footer a{color:#606060}
#footer span{padding:0 5px}
#footer a:hover{color:#fff}