/* ---reset.css * Resets default browser CSS.--- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;/* vertical-align: baseline;*/}
 .clearfix:after, .container:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden;}
.clearfix, .container {display:block;}

body {font-size:11px; color:#222; background: url(../images/main_bg.png) repeat-x #000; font:13px Arial, Helvetica, sans-serif; line-height:1.5;}
a:link, a:visited {text-decoration:underline; color:#039;}
a:hover {text-decoration:none;}
/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight:normal; color:#111;}
h1 {font-size:3em; line-height:1; margin-bottom:0.5em;}
h2 {font-size:2em; margin-bottom:0; margin-top:.5em; color:#333; font-weight:bold;}
h3 {font-size:1.5em; margin-bottom:.5em; margin-top:1em;}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}
h5 {font-size:1em; font-weight:bold; margin-bottom:1.5em;}
h6 {font-size:1em; font-weight:bold;}

p {margin:.5em 0 .5em 0;}
#container {width:960px; margin:0 auto;}
#header {position:relative; height:120px; background:url(../images/header_bg.png) no-repeat bottom; z-index:1000;}
#header h1 {position:absolute; top:40px; left:10px; }
#header h1 a:link, #header h1 a:visited {background:url(../images/computer-land_logo24.png) no-repeat; text-indent:-1000px; width:682px; height:44px; display:block; overflow: hidden;}
/*
#mainNav {list-style:none; position:absolute; bottom: 12px; left:4px; z-index: 100; }
#mainNav li { display:block; float:left; background:url(../images/menu_bg.png) repeat-x; position: relative; line-height: 28px; height: 28px; float: left;}
#mainNav li a:link, #mainNav li a:visited { 
	background:url(../images/menu_bg.png) repeat-x; background-position: left -8px; height: 28px;  font: Helvetica, Arial, sans-serif; color:#FFF; text-decoration:none; display:block; padding: 0px 10px; font-size: 17px; font-weight: bold;
	text-shadow: #000 1px 1px 1px; overflow: hidden;
	filter: Shadow(Color=#000000, 	
			Direction=45, 
			Strength=1);}
#mainNav li:hover  a:link, #mainNav li:hover  a:visited { }
#mainNav li.home {background:none;}
#mainNav li a.home {padding-left:35px !important; background:url(../images/icon-home.png) no-repeat 10px 2px;}
#mainNav li.kontakt {background:none;}
#mainNav li.kontakt a {margin-left:30px;}
*/
/* NEW MENU */
/*
ul.menu {list-style:none; position:absolute; bottom: 10px; left:4px; z-index: 100; }

ul.menu a:link, ul.menu a:visited { 
	color: #777777; font: Helvetica, Arial, sans-serif; color:#FFF; 
	text-decoration:none; display:block; font-size: 17px; }
	
ul.menu li a:hover {background: url('images/main-menu-top_bg.png') no-repeat; color:#555; }
ul.menu li a span { display: block; padding: 0px 10px; background: url('images/main-menu-top_bg-mask.png') no-repeat right top; }

ul.menu li { margin-right:2px; display:block; float:left; position: relative; line-height: 28px; height: 28px; float: left; }
ul.menu ul { background: url('images/main-menu_bg.png') no-repeat bottom; position:absolute; top:25px; left:0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; margin:0}

ul.menu ul li a:link, ul.menu ul li a:visited { 
	color: #555555; width:150px;
	padding: 5px 20px; margin: 0; font-size:12px; font-weight: bold;}
ul.menu ul li , ul.menu ul li :hover{ background: none; }
ul.menu ul li a:hover { color: #F60; background: none; }
ul.menu ul ul {left:148px; top:-1px}
ul.menu a.menulink {  }

ul.menu .sub {background:url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {}

ul.menu li.home {background:none;}
ul.menu li.home a {padding-left:35px !important; background:url(../images/icon-home.png) no-repeat 10px 2px;}
*/

ul.menu { list-style: none; padding: 0; margin: 0; height: 24px; display: block; position:absolute; bottom: 10px; left: 4px; z-index: 100; }
ul.menu li { float: left; overflow: hidden; position: relative; text-align: center; line-height: 24px; background1:url(../images/mainnav-separator.png) repeat-y; }
ul.menu li a {position: relative; display: block; width: 65px; height: 24px; cursor: pointer; 
font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
ul.menu li a span { position: absolute; left: 0px; width: 65px; letter-spacing: -1px;}
ul.menu li a span.out {}
ul.menu li a span.over, .menu ul li a span.bg {}

ul.menu li.home {background:none; }
ul.menu li.home a {padding-left:20px !important; background:url(../images/icon-home.png) no-repeat 10px 4px; color: white; }

#menu li { text-align: center; }
#menu li a span { color: White; }
#menu li a span.over { color: #F60; 
text-shadow: #FFFFFF 1px 1px 1px; overflow: hidden;
	filter: Shadow(Color=#FFFFFF, 	
			Direction=45, 
			Strength=1);}
#menu li span.bg { height: 24px; background1: url('../images/menu_bg_new.png') center center no-repeat; }
#menu li .on .out{ background1: url('../images/menu_bg_new.png') center center no-repeat; color: #fff; }

/*#mainNav .dropdown {float:left; padding-right:5px}*/
/*#mainNav .dropdown dt { padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}*/
/*#mainNav .dropdown dt:hover {background:url(images/header_over.gif)}*/

#mainNav .mfx-sub { opacity: 0; top1: -999px; position: absolute; background:#fff; z-index:200; list-style:none; border-top:none}
#mainNav .mfx-sub li { height:auto; float:none; z-index:100; color:#bbb; cursor:pointer; padding:0; }
#mainNav .mfx-sub a, #mainNav .mfx-sub  a:link, #mainNav .mfx-sub  a:active, #mainNav .mfx-sub  a:visited {
	background-color:#efefef; font: Helvetica, Arial, sans-serif; width:150px; text-decoration:none; display:block; padding:5px 20px; padding-bottom:0px; margin:0; 
	text-shadow:#000000 1px 1px 1px; font-size:12px; color:#fff; 
	filter: Shadow(
			Color=#000000, 	
			Direction=45, 
			Strength=1);}
			
#mainNav .mfx ul { list-style:none; margin:0; position:absolute; z-index:100; border: 1px solid #222; }
#mainNav .mfx ul li{height:auto; float:none; z-index:100; color:#bbb; cursor:pointer; padding:0;}

#mainNav .mfx ul li a:link, #mainNav .mfx ul li a:visited {
	background-color:#efefef; font: Helvetica, Arial, sans-serif; width:150px; text-decoration:none; display:block; padding: 5px 20px; padding-bottom: 0px; margin: 0; 
	text-shadow: #000000 1px 1px 1px; font-size:10pt; color:#fff; 
	filter: Shadow(
			Color=#000000, 	
			Direction=45, 
			Strength=1);
}
#mainNav .mfx ul li a:hover { color:#f90;}
#headAct {list-style:none; position:absolute; bottom:12px; right:4px;}
#headAct li {float:left; background:url(../images/mainnav-separator.png) repeat-y;}
#headAct li a:link, #headAct li a:visited {color:#FFF; text-decoration:none; display:block; padding:0 10px 0 30px; font-size:15px; font-weight:bold;}
#headAct li a:hover {color:#FC0;}
#headAct li a.kontakt {background:url(../images/icon-kontakt.png) no-repeat 10px 4px;}
#headAct li a.help {background:url(../images/icon-help.png) no-repeat 10px 4px;}
#headAct li a.nalog {background:url(../images/icon-nalog.png) no-repeat 10px 4px;}
#headAct li a.korpa {background:url(../images/icon-korpa.png) no-repeat 10px 4px;}

#middle {background:url(../images/middle_bg.png) repeat-y #FFF; margin-bottom:10px ;}

#colLeft {width:180px; float:left;}
#colLeft form.search {background:url(../images/search-form_bg.png) no-repeat; height:51px;}
#colLeft h2 {background:url(../images/leftnav-h2_bg.png) repeat-x; padding:7px 0 6px 15px; font-size:14px; font-weight:bold; margin:0; color:#333;}
#colLeft h2 a:link, #colLeft h2 a:visited {color: Black; text-decoration:none; padding:1px 20px 2px 1px;}
#colLeft h2:hover {background:url(../images/leftnav-h2_bg_hover.png) repeat-x; color:White;}
#colLeft h2:hover a:link, #colLeft h2:hover a:visited {color: White; text-decoration:none; padding:1px 20px 2px 1px; }
#colLeft form.search input {border:none; width:120px; margin:17px 0 0 40px; background:none;}
#colLeft form.search input:focus {border:none; outline:none;}

div.leftNav {background1:#FFF; padding-bottom:15px;}
#leftNav {list-style:none; margin:0; padding:0; width:150px; margin-left:15px; background1:#FFF;}
#leftNav li {width:150px; border-bottom1:solid 1px #ddd; background:url(../images/2px_bela.gif) repeat-x; background-position: left bottom; }
#leftNav li a:link, #leftNav li a:visited { 
	font: 14px Helvetica, Arial, sans-serif; color:#666; background:url(../images/leftnav-bullet.png) no-repeat 0 11px; display:block; text-decoration:none; padding:5px 0 5px 10px;
	text-shadow: #fff 1px 1px 1px;
	filter: Shadow(Color=#ffffff, 	
			Direction=45, 
			Strength=1);
}
#leftNav li a:hover {color:#F90;}
#leftNav li ul {list-style:none;}
#leftNav li li {border-bottom:none; border-top: none; background: none;}
#leftNav li li a:link, #leftNav li li a:visited {background:url(../images/leftnav-bullet2.png) no-repeat 10px 6px; font-weight:normal; font-size:12px; padding:1px 0 2px 20px; line-height:13px; border:none;}
#leftNav li a.on:link, #leftNav li a.on:visited {color:#F90;}
#leftNav li li li a:link, #leftNav li li li a:visited {background:url(../images/leftnav-bullet3.png) no-repeat 20px 6px; font-weight:normal; font-size:11px; padding:1px 0 2px 30px; line-height:13px; border:none;}
#leftNav li li a.on:link, #leftNav li li a.on:visited {color:#F90;}

img.bannerLeft {display:block; margin:15px auto 0 auto;}

#content {background:url(../images/content_bg.png) no-repeat; width:610px; float:left; padding:0 10px 15px 10px;/* min-height:500px;*/}
#colRight {width:150px; float:left;}
#colRight img {display:block; margin:5px auto;}

#izaberiZanr {width:150px; padding-left:15px; margin-top:15px;}
#izaberiZanr select {width:150px;}

#footer {background:url(../images/footer_bg_2.png) no-repeat; height:300px; clear:both; padding-top:0px;}
#footer .backTop {position:absolute; top:15px; right:35px; width:35px; height:20px; display:block; text-indent:-1000px; outline:none; overflow:hidden;}
#footer .footRow {padding-left:30px;}
#footer .footRowGlow {background: Black url(../images/footer-2.png) no-repeat center bottom; padding-bottom: 20px;}
#footer .footCol {float:left; width:170px !important; margin-left:10px; display:inline;/* border-left:solid 1px #555;*/}
.footCol h2 {font-size:14px; font-weight:bold; color:#FFF;}
.footCol ul {list-style:none;}
.footCol ul a:link, .footCol ul a:visited {color:#999; text-decoration:none; background:url(../images/foot-list-bullet.png) no-repeat 0 5px; padding-left:10px;}
.footCol ul a:hover {color:#F60; background:url(../images/foot-list-bullet_h.png) no-repeat 0 5px;}
ul.footCommonLinks {width:960px; height:45px; list-style:none; border-top:solid 1px #333; margin-top:15px; padding-top:10px; background:url(../images/commonLinks_bg.png) no-repeat right 15px;}
ul.footCommonGlow {margin-top:0px; padding-top:10px; background:url(../images/footer-3.png) no-repeat top center; border: none;}
ul.footCommonLinks li {float:left; border-left:solid 1px #333;}
ul.footCommonLinks a:link, ul.footCommonLinks a:visited {color:#666; text-decoration:none; /*display:inline-block;*/ padding:0 10px; font-weight:bold;}
ul.footCommonLinks a:hover {color:#F60;}
ul.footCommonLinks li:first-child {border-left:none;}
div.copyTerms {background:url(../images/copy-terms_bg_main.png) no-repeat; height:26px; padding:15px 15px 0 0; text-align:right;}
div.copyTerms p {color:#666; float:right;}
div.copyTerms p span {display:inline-block; margin-right:15px;}
div.copyTerms a:link, div.copyTerms a:visited {color:#797979; text-decoration:none; font-weight:bold; display:inline-block; margin:0 10px;}
div.copyTerms a:hover {color:#FFF;}
div.copyTermsShop {background:url(../images/copy-terms_bg.png) no-repeat; }

#slideShow {height:250px;}
h2.home {float:left; background:url(../images/h2-bottom-arrow_bg.png) no-repeat center bottom; color:#FFF; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0 10px 5px 10px; width:150px; text-align:center; margin:2px 0;}
h2.nove {background-color:#F60;}
h2.preorder {background-color:#09C;}
h2.najprodavanije {background-color:#393;}
h2.custom {background-color:#F69;}
h2.budget {background-color:#F66;}
table.products {width:100%; margin-bottom:15px; clear:both;}
table.products td {padding:0px; text-align:center; vertical-align:middle; width:20%;}
table.products .pImg {border:solid 1px #DDD;}
table.products strong {display:block; background:#000; text-align:right; font-size:11px; color:#FFF; padding:2px;}
table.products .pData {background:#DDD; text-align:center; font-size:11px; line-height:14px; vertical-align:top; padding:1px 2px;}
.pData a:link, .pData a:visited {color:#000;}

#breadcrumb {margin:5px 0; padding:0px; list-style:none; font:10px Verdana, Arial, Helvetica, sans-serif;}
#breadcrumb li {display:inline; background:url(../images/leftnav-bullet.png) no-repeat 0px 3px; padding-left:10px; margin-right:10px;}
#breadcrumb a:link, #breadcrumb a:visited {font-weight:bold; color:#000;}

input.input-error {border:1px solid Maroon; background:#FFDEDE;}
select.select-error {border:1px solid Maroon; background:#FFDEDE;}
.error {color: Maroon;}

/* SLIDESHOW START */
#slideShow {position:relative; width:590px; height:280px; margin-top:5px; border: 1px solid #999999;}
#slideContent {width:590px;}
#slideContent img {}
#slideShow_navigator {position:absolute; width:100px; height:280px; top:0; z-index:1;/* text-align:center;*/}
div.navigatorSlides /*{padding:5px; background:url(../images/slideshow/nav_bg.png); display:inline-block;}*/ {}
a.slide_num_active:link, a.slide_num_active:visited {/*background: url(../images/slideactiv_bg.png) no-repeat right center #FC0;*/ padding:3px 0 3px 6px; margin:0; display:block;}
a.slide_num_active:hover {}
a.slide_num_active img {border: 2px solid Yellow;}
a.slide_num_inactive:link, a.slide_num_inactive:visited {padding:3px 0 3px 2px; margin:0; display:block;}
a.slide_num_inactive:hover {background: url(../images/slideactiv_bg.png) no-repeat right center #FC0;}
a.slide_num_inactive img { border: 2px solid Black;}
/*a.prev_arrow img {width:19px; height:20px;}
a.prev_arrow:link, a.prev_arrow:visited {background:url(../images/slideshow/prev.png) no-repeat; display:inline-block; margin-right:5px;}
a.prev_arrow:hover {background:url(../images/slideshow/prev_on.png) no-repeat;}
a.next_arrow img {width:19px; height:20px;}
a.next_arrow:link, a.next_arrow:visited {background:url(../images/slideshow/next.png) no-repeat; width:19px; height:20px; display:inline-block; margin-left:5px;}
a.next_arrow:hover {background:url(../images/slideshow/next_on.png) no-repeat;}*/
div.slideInfo {position:absolute; width:490px; height:64px; bottom:0px; margin-left: 100px; background: url(../images/black_alpha.png); z-index:101;}
div.slideInfo a:link, div.slideInfo a:visited {color:#FF0; font-size:16px;}
/* SLIDESHOW END */

/* PRODUCT LIST START */
.paging-sort {background-color:#E9E9E9; width:580px; padding:5px; font-size:11px;}
.paging-sort select {vertical-align:middle; margin:0;}
.bgTop {background:url(../images/paging-sort_bg.png) repeat-x bottom; border-bottom:solid 1px #CCC;}
.bgBottom {background:url(../images/paging-sort_bg-bott.png) repeat-x; border-top:solid 1px #CCC;}
.pagingAll {clear:both; height:20px;}
.prodListShow {float:left; margin-right:15px;}
.paging {float:right;}
.paging img {vertical-align:middle;}
.paging a:link, .paging a:visited {color:#333; text-decoration:none;}
.sort {clear:both;}
.sort .showPerPage {float:right;}
.sort .sortBy {float:left;}
.price {color:#F00; font-size:14px;}
#products_list {/*border:solid 1px black;*/}

table.prodList {margin-top:15px; width:100%;}
tr.prodListItem td {vertical-align:top; padding:3px;}
tr.prodListItem h2 {font-size:13px; margin:0; font-weight:bold;}
tr.prodListItem h2 a:link, tr.prodListItem h2 a:visited {color:#039; text-decoration:none;}
tr.prodListItem h2 a:hover {color:#F60;}
tr.prodListItem p {font-size:11px; line-height:14px;}
/* PRODUCT LIST END */

/* PRODUCT VIEW START */
table.productView {width:100%; margin-top:15px;}
table.productView td {vertical-align:top;}
td.prodPic {width:220px; text-align:center; vertical-align:middle; font-family: Helvetica, Arial, sans-serif;}
td.prodInfo {padding-left:10px;}
td.prodInfo h2 {color:#333; margin:0; font-size:20px; font-weight:bold;}
td.prodInfo span { clear: both; display:block; color: #555555; font-size: 14px;}
td.prodInfo strong {display:block; width: 120px; float: left; color: #666666;}
.price {color:#F60; font-size:20px;}

.rating_container {clear:both;} 
.rating_container a {float:left; display:block; width:17px; height:25px; border:0; background-image:url("../images/rating.gif");} 
.rating_container a.rating_off {background-position:0 0px;} 
.rating_container a.rating_half {background-position:0 -25px;} 
.rating_container a.rating_on {background-position:0 -50px;} 
.rating_container a.rating_selected {background-position:0 -75px;}
.rating_container a.rating_selected_half {background-position:0 -100px;}
span.rating_value {display:block; float:left; padding:4px 0 0 10px; color:#039;}

/* CART PRODUCTS START */
h2.cart {background:url(../images/icon-korpa_pcartpng.png) no-repeat right; padding:10px 0; margin:0;}
.promoCode {text-align:center; padding:7px; background:url(images/leftnav-h2_bg.png) repeat-x;}
.promoCode * {vertical-align:middle;}
table.cart-products {border-collapse:collapse; width:590px;}
table.cart-products td {padding:0;}
table.cart-products h3 {margin:0; font-size:16px; color:#039; font-weight:bold;}
.prodCartThumb {margin:15px 0;}
input.submit {background:;}
/* CART PRODUCTS END */

table.cart-orderList {border:solid 1px #DDD; border-collapse:collapse; width:100%; margin:15px 0 0 0;}
table.cart-orderList th {background: url(../images/leftnav-h2_bg.png) repeat-x #CCC; font-weight:bold; padding:3px;}
table.cart-orderList td {border:solid 1px #DDD; padding:3px;}

table.cartNavButt {width:100%; margin:15px 0;}
table.cart-orderAddress {margin-top:15px; border-collapse:collapse; width:100%; border:solid 1px #DDD;}
table.cart-orderAddress th {background: url(../images/leftnav-h2_bg.png) repeat-x #CCC; font-weight:bold;}
table.cart-orderAddress td {border:solid 1px #DDD; padding:3px;}

ul.userActions {margin:0; padding:0; width:590px; list-style:none;}
ul.userActions li {float:left; margin:5px; background:url(../images/user-actions_bg.png) right;}
ul.userActions a:link, ul.userActions a:visited {display:block; width:265px; font-size:11px; height:35px; color:#333; text-decoration:none; background:#EEE; padding:8px 0 0 15px; background:url(../images/user-actions_bg-mask.png) no-repeat; line-height:14px;}
ul.userActions a:hover {color:#039;}
ul.userActions a strong {display:block; font-size:13px;}

p.mailStatus strong {color:#F00;}
p.mailStatus strong a:link, p.mailStatus strong a:visited {color:#F00;}

table.userProfile h3 {margin:0;}

/* CART PRODUCTS SEARCH START */
div.filterForm {background:url(../images/filterForm_bg.png) no-repeat bottom; width:570px; padding:10px; margin:10px 0;}
div.filterForm h3 {background:url(../images/filterForm_bg-mask.png) no-repeat top; margin:-10px -10px 0 -10px; padding:5px 0 0 10px; color:#039;}
table.filterForm {width:100%; border-collapse:collapse;}
table.filterForm td {padding:0; vertical-align:top;}
table.filterForm strong {display:block;}
table.filterForm input, table.filterForm select {margin:0; width:186px;}
table.filterForm #category_path {float:left; margin-right:5px; font-size:12px; font-weight:bold;}
table.filterForm input.search {float:left; width:55px;}
/* CART PRODUCTS SEARCH END */
.description {margin:15px; text-align:justify; color:#666; font-size:14px;}

/* PASSWORD FORGOT */
.userPassword {background:url(../images/form-password.png) no-repeat; width:500px; height:300px; padding:70px 0 0 30px; margin:0 auto;}
.passSubmit {background:url(../images/butt_posalji-lozinku.png) no-repeat; width:183px; height:29px; margin:0;}