/*
	IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url(reset.css);

/*
	COMMON ---------------- */

	html {
		background:url(../images/layout/html-background.png) 400px top repeat-x #c6c6c6;
		}	
		body { 
			background:url(../images/layout/body-background.png) center 196px no-repeat;
			}
			#mainHolder {
				overflow:hidden;
				width:1032px;
				margin:0px auto;
				}
		
		/* Header */
        
			#header {
				overflow:hidden; position:relative;
				width:1007px; height:166px;
				padding-left:25px;
				}
				h1 {
					display:inline; float:left;
					margin:50px 0 0 20px;
					}
					h1 a {
						display:block;
						width:270px; height:85px;
						text-indent:-9999px;
						background:url(../images/layout/logo.png) left top no-repeat;
						outline:none;
						}
				ul#topControls {
					position:absolute; top:12px; right:20px; overflow:hidden;
					width:auto; height:31px;
					}
					ul#topControls li {
						float:left; 
						width:auto; height:31px;
						padding:0 12px;
						font-size:12px; color:#ffffff; line-height:32px;
						background:url(../images/layout/top-controls-separator.png) right center no-repeat;
						}
					ul#topControls li.cart {
						background:none;
						}
						ul#topControls li a {
							font-size:12px; color:#ffffff; line-height:32px;
							}
						ul#topControls li.cart a {
							display:inline-block; 
							width:30px; height:31px; 
							margin-left:14px; padding-left:8px; padding-right: 19px;
							background:url(../images/layout/cart.png) right top no-repeat;
                            text-align: center;
							}
						ul#topControls li.login div {
							overflow:hidden;
							float:left;
							width:30px; height:26px;
							padding-left:15px;
							}
							ul#topControls li.login div a {
								float:left;
								padding-left:2px;
								outline:none;
								}
							ul#topControls li.login div form {
								position:absolute; top:4px; left:50px;
								padding:0px; margin:0px;
								border:none;
								}
								ul#topControls li.login div form span {
									display:block; float:left;
									width:62px; height:22px;
									margin-right:10px !important; margin-right:1px; 
									line-height:12px;
									background:url(../images/layout/smaller-transparent-input.png) left top no-repeat;
									}
									ul#topControls li.login div form span input {
										width:52px; height:16px;
										margin:3px 5px;
										color:#fff; font-size:12px;
										background:none;
										border:none;
										}
								.loginButton {
									float:left;
									width:auto; height:21px;
									padding-right:22px;
									font-size:10px; color:#ffffff; font-weight:bold;
									background:url(../images/layout/login-button.png) right 3px no-repeat;
									cursor:pointer;
									}
                                    
                .loginInputFailor {
                    background:url(../images/layout/smaller-transparent-invalid-input.png) left top no-repeat !important;
                }
                .keywordInputFailor {
                    background:url(../images/layout/bigger-transparent-invalid-input.png) left top no-repeat !important;
                }
                .headerSearchProgress {
                    background:url(../images/layout/search-progress-button.png) left top no-repeat !important;
                }
                
				ul#search {
					position:absolute; right:0px; bottom:10px; overflow:hidden;
					width:auto !important; width:580px; height:50px;
					}
					ul#search li {
						float:left;
						width:auto !important; width:290px;
						}
						ul#search li p {
							padding-bottom:5px;
							font-size:10px; color:#ffffff;
							}
						ul#search li label {
							float:left;
							margin-right:2px;
							font-size:10px; color:#ffffff; line-height:20px;
							}
						ul#search li span.smaller {
							display:block; float:left;
							width:62px; height:22px;
							margin-right:10px;
							background:url(../images/layout/smaller-transparent-input.png) left top no-repeat;
							}
							ul#search li span.smaller input {
								width:52px; height:16px;
								margin:3px 5px;
								color:#fff; font-size:12px;
								background:none;
								border:none;
								}
						ul#search li span.bigger {
							display:block; float:left;
							width:182px; height:22px;
							margin-right:10px;
							background:url(../images/layout/bigger-transparent-input.png) left top no-repeat;
							}
							ul#search li span.bigger input {
								width:172px; height:15px;
								margin:3px 5px;
								color:#fff; font-size:12px;
								background:none;
								border:none;
								}
						ul#search li input.searchButton {
							float:left;
							width:67px; height:30px;
							margin:-4px 20px 0 0; 
							background:url(../images/layout/search-button.png) left top no-repeat;
							cursor:pointer;
							}
							
		/* Main Nav */
		
			#mainNav {
				overflow:visible;
				width:967px; height:38px;
				padding:2px 0 0 40px; margin-left:25px;
				background:url(../images/layout/menu-bgr.png) 15px top no-repeat;
				}
				#mainNav li {
					float:left;
					}
					#mainNav li a {
						display:block; float:left;
						height:38px;
						padding:0 0 0 10px !important;
						font-size:18px; color:#193c50; line-height:34px; text-transform:uppercase;
						}
						#mainNav li a b {
							display:block; float:left;
							height:38px; 
							padding-right:32px;
							background:url(../images/layout/menu-item-separator.png) right top no-repeat;
							}
					#mainNav li a:hover, #mainNav li a.active {
						color:#008aff;
						background:url(../images/layout/menu-item-rollover.png) 1px top no-repeat;
						}	
						#mainNav li a:hover b, #mainNav li a.active b {
							background-position:right -38px;
							}
							
		/* Banner */
		
			#banner {
				overflow:hidden; position:relative; z-index:1;
				width:969px; height:335px;
				padding:9px 18px 0 20px; margin-left:25px;
				background:url(../images/layout/banner-bgr.png) left top no-repeat;
				}
				#tabs {
					position:relative; float:left;
					width:808px; height:306px;
					background:url(../images/layout/tabs-bgr.png) left top no-repeat;
					}
					#tabs div {
						position:relative;
						width:805px; height:303px;
						}
						#tabs div a {
							display:block;
							width:805px; height:303px;
							text-indent:-9999px;
							}
					.ui-tabs .ui-tabs-hide {
						display: none;
						}
					#tabs ul {
						position:absolute; right:10px; bottom:-15px; overflow:hidden;
						height:18px;
						}
						#tabs ul li {
							float:left;
							width:21px; height:18px;
							padding-left:7px;
							background:url(../images/layout/tab-button.png) left top no-repeat;
							}
						#tabs ul li.first {
							width:21px;
							padding-left:20px;
							background:url(../images/layout/tab-button-first.png) left top no-repeat;
							}
						#tabs ul li.last {
							width:22px;
							background:url(../images/layout/tab-button-last.png) left top no-repeat;
							}
							#tabs ul li a {
								font-size:11px; color:#000000; line-height:19px;
								outline:none;
								}
								#tabs ul li a:hover {
									color:#00aeef;
									}
								#tabs ul li.ui-tabs-selected a {
									color:#00aeef;
									}
			.bannersHolder {
				float:right;
				width:160px;
				padding-top:4px;
				}
				.bannersHolder a {
					display:block;
					margin-bottom:5px;
					}
					.bannersHolder a img {
						display:block;
						}
				.newsletter {
					position:relative;
					width:160px; height:60px;
					background:#d8d8d8;
					border:1px solid #cecece;
					}
					.newsletter h4 {
						position:absolute; top:3px; left:6px;
						width:89px; height:22px;
						font-size:18px; color:#193c50;
						padding-left:19px;
						background:url(../images/layout/newsletter.png) left top no-repeat;
                        text-indent:-9999px
						}
                    .newsletterLoading h4 {
                        width:138px;
                        background:url(../images/layout/newsletter-loading.png) left top no-repeat;
                        }
                    .newsletterExists h4 {
                        width:129px;
                        background:url(../images/layout/newsletter-exists.png) left top no-repeat;
                        }
                    .newsletterError {
                        background:url(../images/layout/newsletter-input-error.png) left top no-repeat !important;
                    }
					.newsletter span {
						display:block; position:absolute; left:6px; top:30px;
						width:128px; height:21px; 
						background:url(../images/layout/newsletter-input.png) left top no-repeat;
						}
						.newsletter span input {
							width:118px; height:15px;
							margin:3px 5px;
							font-size:11px;
							background:none;
							border:none;
							}
					.newsletterButton {
						position:absolute; top:32px; right:2px;
						width:19px; height:19px;
						background:url(../images/layout/login-button.png) left top no-repeat;
						cursor:pointer;
						}
					.newsletter p {
						margin-top:27px; padding-left:40px;
						font-size:10px;
						background:url(../images/layout/newsletter-ok.png) 7px 3px no-repeat;
						}

		/* Content */
		
			.divsHolder {
				position:relative; overflow:hidden; z-index:1;
				width:992px;
				padding:0 15px 0 25px;
				}
			.divHolder {
				position:relative; /*overflow:hidden;*/
				width:1008px;
				padding:0 0px 0px 24px;
				}
            .divHolderSearch {
                position:relative; z-index:10; /*overflow:hidden;*/
                width:1008px;
                padding:0 0px 0px 24px;
                }
			.contentWrapper {
				float:left;
				width:828px;
				padding-top:11px;
				background:url(../images/layout/holder-top-bgr.png) left top no-repeat;
				}
				.contentHolder {
					width:828px;
					padding-bottom:11px;
					background:url(../images/layout/holder-bottom-bgr.png) left bottom no-repeat;
					}
					.content {
						position:relative; z-index:3;
						width:828px; 
						background:url(../images/layout/holder-bgr.png) left top repeat-y;
						}
					.textContent {
						width:768px;
						padding:15px 30px;
						}
						.textContent h3 {
							margin-bottom:20px;
							font-size:18px; color:#005b7f; font-weight:normal; text-transform:uppercase;
							}
						.textContent p {
							margin-bottom:20px;
							font-size:12px; color:#000000; line-height:18px;
                            text-align: justify;
							}
						.textContent ul {
							margin-bottom:20px;
							}
							.textContent ul li {
								font-size:12px; color:#000000; line-height:18px;
								}
			.content1Wrapper {
				float:left;
				width:679px;
				padding-top:14px;
				background:url(../images/layout/holder-1-top-bgr.png) left top no-repeat;
				}
				.content1Holder {
					width:679px;
					padding-bottom:14px;
					background:url(../images/layout/holder-1-bottom-bgr.png) left bottom no-repeat;
					}
					.content1 {
						position:relative; z-index:3;
						width:679px;
						background:url(../images/layout/holder-1-bgr.png) left top repeat-y;
						}
			.content3Wrapper {
				float:left;
				width:679px;
				padding-top:14px;
				background:url(../images/layout/holder-3-top-bgr.png) left top no-repeat;
				}
				.content3Holder {
					width:679px;
					padding-bottom:14px;
					background:url(../images/layout/holder-3-bottom-bgr.png) left bottom no-repeat;
					}
					.content3 {
						position:relative; z-index:3;
						width:674px;
						padding-right:5px;
						background:url(../images/layout/holder-3-bgr.png) left top repeat-y;
						}
						.withBgr {
							width:614px; min-height:305px; height:auto !important; height:305px;
							padding:20px 30px;
							background:url(../images/layout/div-bgr.jpg) right bottom no-repeat;
						}
                        .withBgrCart {
                            width:614px; min-height:345px; height:auto !important; height:305px;
                            padding:20px 30px;
                            background:url(../images/layout/div-bgr.jpg) right bottom no-repeat;
                        }
						.noBgr {
							width:614px; min-height:305px; height:auto !important; height:305px;
							padding:20px 30px;
						}
			.content2Wrapper {
				float:left;
				width:1008px;
				padding-top:15px;
				background:url(../images/layout/holder-2-top-bgr.png) left top no-repeat;
				}
				.content2Holder {
					width:1008px;
					padding-bottom:20px;
					background:url(../images/layout/holder-2-bottom-bgr.png) left bottom no-repeat;
					}
					.content2 {
						position:relative; z-index:3;
						width:968px; 
						padding:20px;
						background:url(../images/layout/holder-2-bgr.png) left top repeat-y;
						}
			.content4Wrapper {
				float:left;
				width:1008px;
				padding-top:12px;
				background:url(../images/layout/holder-4-top-bgr.png) left top no-repeat;
				}
				.content4Holder {
					width:1008px;
					padding-bottom:12px;
					background:url(../images/layout/holder-4-bottom-bgr.png) left bottom no-repeat;
					}
					.content4 {
						position:relative; z-index:3; overflow:hidden;
						width:990px; 
						padding:20px 9px;
						background:url(../images/layout/holder-4-bgr.png) left top repeat-y;
						}
			.content5Wrapper {
				float:left;
				width:828px;
				padding-top:19px;
				background:url(../images/layout/holder-5-top-bgr.png) left top no-repeat;
				}
				.content5Holder {
					width:828px;
					padding-bottom:12px;
					background:url(../images/layout/holder-5-bottom-bgr.png) left bottom no-repeat;
					}
					.description {
						position:relative; z-index:3; overflow:hidden;
						width:818px;
						padding:0 0 15px 10px;
						background:url(../images/layout/holder-5-middle-top-bgr.png) left top repeat-y;
						}
					.descriptionSeparator {
						width:828px; height:13px;
						background:url(../images/layout/holder-5-separator-bgr.png) left top no-repeat;
						}
					.recommend {
						width:828px;
						background:url(../images/layout/holder-5-middle-bottom-bgr.png) left top repeat-y;
						}
			.searchDivWrapper {
				float:left;
				width:1008px;
				padding-top:18px;
				background:url(../images/layout/search-div-top-bgr.png) left top no-repeat;
				}
				.searchDivHolder {
					width:1008px;
					padding-bottom:31px;
					background:url(../images/layout/search-div-bottom-bgr.png) left bottom no-repeat;
					}
					.searchDiv {
						position:relative; z-index:3;
						width:968px; 
						padding:0px 20px 15px;
						background:url(../images/layout/search-div-bgr.png) left top repeat-y;
						}
			h2 {
				position:absolute; left:2px; top:17px; z-index:1;
				width:29px; 
				text-indent:-9999px;
				}
				
		/* Footer */
        
            #footerHolder {
                width:100%; height:107px;
                margin-top:50px;
                background:url(../images/layout/footer-bgr.png) left top repeat-x;
                }
                #footer {
                    position:relative;
                    width:1002px; height:80px;
                    margin:0px auto; padding:11px 0 0 30px;
                    }
                    #footer ul {
                        float:left;
                        }
                        #footer ul li {
                            float:left;
                            padding:0 25px 0 5px;
                            border-left:1px solid #00aeef;
                            }
                            #footer ul li a {
                                font-size:18px; color:#ffffff; text-transform:uppercase; line-height:25px;
                                }
                            #footer ul li a:hover {
                                color:#86f440;
                                }
                #footerLogo {
                    float:right; display:block; position:relative; z-index:1; right:-5px;
                    width:110px; height:44px;
                    margin-top:8px;
                    text-indent:-9999px;
                    background:url(../images/layout/footer-logo.png) left top no-repeat;
                    outline:none;
                    }
                #devLink {
                    position:absolute; display:block; top:57px; right:-2px; z-index:5;
                    width:231px; height:16px;
                    text-indent:-9999px;
                    background:url(../images/layout/codeion.png) 0 0 no-repeat;
                    outline:none;
                    }

						
/*
	HOME PAGE ---------------- */
	
			
			h2.najnovijiProizvodi {
				top:20px;
				height:163px;
				background:url(../images/layout/najnoviji-proizvodi.png) left bottom no-repeat;
				}
			.withBottomPagination {
				padding-bottom:10px !important;
				}
				#newestProducts {
					position:relative;	
					}
					.newestProductsPagination {
						position:absolute; right:10px; bottom:-21px; overflow:hidden;
						height:18px;
						}
						.newestProductsPagination li {
							float:left;
							width:21px; height:18px;
							padding-left:7px;
							background:url(../images/layout/tab-button.png) left top no-repeat;
							}
						.newestProductsPagination li.first {
							width:21px;
							padding-left:20px;
							background:url(../images/layout/tab-button-first.png) left top no-repeat;
							}
						.newestProductsPagination li.last {
							width:22px;
							background:url(../images/layout/tab-button-last.png) left top no-repeat;
							}
							.newestProductsPagination li a {
								font-size:11px; color:#000000; line-height:19px;
								}
								.newestProductsPagination li a:hover {
									color:#00aeef;
									}
								.newestProductsPagination li.ui-tabs-selected a {
									color:#00aeef;
									}

                .addToCartNewestProgress {
                    background:url(../images/layout/newest-green-bgr.png) left top no-repeat !important;
                        }
				ul.newest {
					overflow:hidden;
					width:674px; padding-left:5px;
					}
					ul.newest li {
						float:left; position:relative;
						width:324px; height:164px;
						padding:3px 5px 4px;
						background:url(../images/layout/newest-bgr.png) left top no-repeat;
						}
						ul.newest li img {
							float:left;
							margin-right:6px;
                            width: 157px;
                            height: 157px;
							}
						ul.newest li h3 a {
							font-size:14px; color:#ffffff;
                            display: block;
                            padding-top: 6px;
							}
						ul.newest li p {
							font-size:11px; color:#ffffff; line-height:13px;
							}
						ul.newest li span {
							position:absolute; bottom:8px; right:10px;
							font-size:13px; color:#ffffff;
							}
							ul.newest li ul {
							width:165px; height:auto;
							margin:5px 0 0 157px;
							}
							ul.newest li ul li {
								float:none;
								width:157px; height:auto;
								padding:0 0 0 8px;
								font-size:11px; color:#fff; line-height:18px;
								background:url(../images/layout/newest-arrow.png) left 4px no-repeat;
								}
								ul.newest li a.buy {
									left:184px;
									}
			.biggerAdvertisementsHolder {
				float:right;
				width:312px;
				padding-top:14px;
				}
				.biggerAdvertisementsHolder a {
					display:block;
					}
					.biggerAdvertisementsHolder a img {
						display:block;
						}
			h2.akcijskaPonuda {
				height:149px;
				background:url(../images/layout/akcijska-ponuda.png) left bottom no-repeat;
				}
                .addToCartProgress {
                    background:url(../images/layout/computer-characteristics-green-bgr.png) left top no-repeat !important;
                }
                .addToCartSuccess {
                    background:url(../images/layout/incart-icon.png) left top no-repeat !important;
                }
                .sticker {
                    position: absolute;
                    top: -1px; left: 2px;
                }
				ul.computerCharacteristics {
					overflow:hidden;
					width:818px; padding-left:10px;
					}
					ul.computerCharacteristics li {
						float:left; position:relative;
						width:191px; height:248px;
						padding:3px 5px 6px;
						background:url(../images/layout/computer-characteristics-bgr.png) left top no-repeat;
						}
						ul.computerCharacteristics li a {
							display:block;
							text-align:center;
							}
						ul.computerCharacteristics li h3 a {
                            padding-top: 5px;
							padding-left:10px;
							font-size:11px; color:#ffffff; text-align:left;
							}
						ul.computerCharacteristics li ul {
							width:191px; height:auto;
							}
							ul.computerCharacteristics li ul li {
								float:none;
								width:171px; height:auto;
								padding:0 0 0 10px;
								font-size:11px; color:#0d2b44; line-height:18px;
								background:url(../images/layout/computer-characteristics-arrow.png) left 4px no-repeat;
								}
							a.buy {
								display:block; position:absolute; bottom:8px; left:25px;
								height:15px; width:auto;
								padding-left:20px;
								font-size:10px; color:#ffffff;
								background:url(../images/layout/buy-icon.png) left top no-repeat;
								}
							.price {
								display:block; position:absolute; bottom:8px; right:10px;
								height:15px; width:auto;
								font-size:10px; color:#ffffff;
								}
			.advertisementsHolder {
				float:right;
				width:160px;
				padding-top:6px;
				}
				.advertisementsHolder a {
					display:block;
					}
					.advertisementsHolder img {
						display:block;
						margin-bottom:12px;
						}
			h2.proizvodjaci {
				height:127px;
				background:url(../images/layout/proizvodjaci.png) left bottom no-repeat;
				}
				ul#companies {
					width:968px;
					text-align:center;
					}
					ul#companies li {
						display:inline-block; zoom:1; *display:inline;
						margin:0 15px 10px 0;
						}
						
/*
	UPUTSTVO ZA NARUCIVANJE ---------------- */
	
			h2.uputstvoZaNarucivanje {
				top:20px;
				height:199px;
				background:url(../images/layout/uputstvo-za-narucivanje.png) left bottom no-repeat;
				}
                
/*
    DOSTAVA ---------------- */
    
            h2.dostava {
                top:20px;
                height:112px;
                background:url(../images/layout/dostava.png) left bottom no-repeat;
                }
                .dostavaContent {
                    margin:0 -23px -18px -5px; padding:0 23px 18px 0;
                    background:url(../images/layout/div-bgr-2.jpg) bottom right no-repeat;
                    overflow:hidden;
                    }
                    .dostavaContent h3 {
                        margin-bottom:35px;
                        }
                    img.leftImg {
                        float:left;
                        margin:0 18px 40px 0;
                        }
                    .dostavaContent ul {
                        }
                        .dostavaContent ul li {
                            margin-bottom:26px;
                            background:url(../images/layout/maillist-arrow.png) 338px 5px no-repeat;
                            text-indent:15px;
                            text-align: justify;
                            }
                            .dostavaContent ul li.linkRow {
                                margin-bottom:40px;
                                background:none;
                                text-indent:0;
                                }
                                .dostavaContent ul li a {
                                    color:#00aeef;
                                    }
                                    .dostavaContent ul li a:hover {
                                        text-decoration:underline;
                                        }

/*
	PODESAVANJA & REGISTRACIJA ---------------- */
	
			h2.podesavanja {
				top:20px; left:7px;
				height:190px;
				background:url(../images/layout/korisnicka-podesavanja.png) left bottom no-repeat;
				}			
			h2.registracija {
				top:20px; left:7px;
				height:188px;
				background:url(../images/layout/registracija-korisnika.png) left bottom no-repeat;
				}	
			.confirmationSuccess { 
				position:absolute; top:50%; left:50%;
				width:410px; height:50px;
				padding-left:80px; margin-top:-25px; margin-left:-245px;
				font-size:12px; color:#7d7d7d;
				background:url(../images/layout/confirmation-bgr.png) left top no-repeat;
				}
				.confirmationSuccess b {
					display:block;
					font-size:18px; color:#174259; font-weight:normal; 
					}
            .confirmationFailor { 
                position:absolute; top:50%; left:50%;
                width:410px; height:50px;
                padding-left:80px; margin-top:-25px; margin-left:-245px;
                font-size:12px; color:#7d7d7d;
                background:url(../images/layout/confirmation-failor.png) left top no-repeat;
                }
                .confirmationFailor b {
                    display:block;
                    font-size:18px; color:#174259; font-weight:normal; 
                    }
            .podesavanjaInput {
                background:url(../images/layout/input.png) left top no-repeat;
            }
            .podesavanjaInputError {
                background:url(../images/layout/input-error.png) left top no-repeat;
                }
			p.loadingMessage {
				height:24px;
				padding-left:32px;
				color:#555555 !important; line-height:24px !important;
				background:url(../images/layout/loader-dark-blue.gif) 0 0 no-repeat;
				}
			#podesavanja {
				overflow:hidden;
				}
				#podesavanja fieldset {
					float:left;
					width:290px;
					margin-right:20px;
					}
				#podesavanja fieldset.last {
					margin:0px;
					}
					#podesavanja fieldset ul {
						width:290px;
						}
						#podesavanja fieldset ul li {
							overflow:hidden;
							width:290px;
							margin-bottom:15px;
							}
						#podesavanja fieldset ul li.last {
							margin-bottom:34px;
							}
							#podesavanja fieldset ul li label {
								float:left; display:block;
								width:115px;
								font-size:18px; color:#7d7d7d; text-transform:uppercase;
								}
							#podesavanja fieldset ul li span {
								display:block; float:left;
								width:171px; height:27px;
								}
								#podesavanja fieldset ul li span input {
									width:151px; height:19px;
									margin:4px 10px;
									background:none;
									border:none;
									}
							#podesavanja fieldset ul li h3 {
								margin-bottom:10px;
								font-size:18px; color:#164056; text-transform:uppercase; font-weight:normal;
								}
							#podesavanja fieldset ul li p {
								font-size:12px; color:#7d7d7d; line-height:18px;
								}
								#podesavanja fieldset ul li p b {
									color:#164056; font-weight:normal;
									}
							.promeniButton {
								float:right;
								width:96px; height:37px;
								background:url(../images/layout/promeni-button.png) left top no-repeat;
								cursor:pointer;
								}
							.registrujseButton {
								float:right;
								width:109px; height:38px;
								background:url(../images/layout/registrujse-button.png) left top no-repeat;
								cursor:pointer;
								}
                            .podesavanjaNewsletter{
                                margin-top: 8px;
                                }
							.terms{
								overflow:hidden;
								margin-bottom:3px;
								}
								.terms p {
									float:left; 
									padding-left:5px;
									}
								.terms .ui-helper-hidden-accessible {
									position: absolute;left: -999em;
									}
								.terms span.ui-checkbox {
									display:block; float:left; 
									width:17px !important; height:18px !important; 
									background: url(../images/layout/checkbox.png) 0 0 no-repeat !important; 
									border:none; cursor:pointer;
									}
								.terms span.ui-helper-hidden {
									display: none;
									}
								.whiteBox span.ui-checkbox-state-hover {
									padding:0px !important;
									background-position: 0 0px; 
									}
								.terms span.ui-checkbox-state-checked {
									padding:0px !important;
									background-position: 0 -18px !important; 
									}
								.terms span.ui-checkbox-state-checked-hover {
									padding:0px !important;
									background-position: 0 -18px !important; 
									}	
							
/*
    KORPA ---------------- */
    
    h2.korpa {
        top:20px; left:7px;
        height:88px;
        background:url(../images/layout/korpa.png) left bottom no-repeat;
        }    
    .cartDiv {
        position:relative;
        width:649px !important;
        padding:0 11px 0 14px !important;
        }
        .cartDiv a.backButton {
            right:14px; top:3px;
            }
    .cartTable {
        width:649px; 
        padding:0px;
        border-collapse:collapse;
        color:#3c3c3c; font-size:12px; 
        }
        .cartTable thead {
            }
            .cartTable thead td {
                padding-left:3px;
                font-size:18px; color:#00aeef; text-transform:uppercase;
                }
        .cartTable tfoot {
            position:relative;
            height:39px; width:649px;
            }
            .cartTable tfoot tr {
                position:relative;
                height:39px; width:649px;
                background:none !important;
                }
            .cartTable tfoot tr.buttonRow {
                background:none;
                }
                .cartTable tfoot tr.buttonRow input {
                    display:inline; float:right;
                    width:71px; height:35px;
                    margin-right:3px;
                    text-indent:-9999px;
                    background:url(../images/layout/buy-button.png) 0 0 no-repeat;
                    cursor:pointer;
                    }
            .cartTable tfoot tr td {
                font-weight:bold; vertical-align:middle;
                }
                .cartTable tfoot tr td.sumBox {
                    background:url(../images/layout/cart-table-bgr-light-foot.png) left top repeat-x;
                    }
                .cartTable tfoot tr td.whiteText {
                    padding-left:0 !important;
                    background:url(../images/layout/cart-table-bgr-dark-foot.png) right top repeat-x !important;
                    }
        .cartTable tbody {
            }
            .cartTable tbody tr {
                position:relative;
                width:649px; height:80px;
                }
                .cartTable tbody tr td {
                    background:none;
                    vertical-align:middle;
                    }
                
                .cartTable tbody tr td.dark {
                    background:url(../images/layout/cart-table-bgr-dark.png) left top repeat-x;
                }
                .cartTable tbody tr td.light {
                    background:url(../images/layout/cart-table-bgr-light.png) left top repeat-x;
                }
                
                .cartTable tbody tr td.delete {
                    padding:0 3px 0 8px;
                    background:url(../images/layout/cart-table-bgr-dark-first.png) left top no-repeat;
                    }
                .cartTable tbody tr td.image {
                    vertical-align:top;
                    padding:1px 0 0 1px;
                    }
                .cartTable tbody tr td.blackText {
                    padding-left:8px;
                    font-size:12px; color:#000000;
                    }
                .cartTable tbody tr td.whiteText,
                .cartTable tfoot tr td.whiteText{
                    font-size:12px; color:#ffffff;
                    text-align: center;
                    }
                .cartTable td.sumBox {
                    text-align:center;
                    }
                    .cartTable td.sumBox div {
                        margin-left:5px !important;
                        }
                    /*.cartTable tbody td.sumBox input {
                        width:35px;
                        padding:2px 5px;
                        color:#7d7d7d; font-size:12px;
                        border:#a5acb2 solid 1px;
                    }*/
                    
    /* Confirm table */
            
    h2.korpaConfirm {
        top:20px; left:7px;
        height:164px;
        background:url(../images/layout/korpa-confirm.png) left bottom no-repeat;
        }
        .cartConfirmTable thead td {
            padding:5px 0 7px 5px;
            }
        .cartConfirmTable tfoot tr {
            }
            .cartConfirmTable tfoot tr td.sumBox {
                background:url(../images/layout/cart-confirm-bgr-dark-foot-1.png) right top no-repeat !important;
                color:#fff !important;
                }
            
            .cartConfirmTable tfoot tr td.whiteText {
                background:url(../images/layout/cart-confirm-bgr-dark-foot-2.png) right top repeat-x !important;
                color:#fff !important;
                }
        
        .cartConfirmTable tbody tr td {
                background:url(../images/layout/cart-confirm-bgr-1.png) right top no-repeat;
            }
            .cartConfirmTable tbody tr td.image {
                background:url(../images/layout/cart-confirm-bgr-2.png) left top repeat-x;
            }
            .cartConfirmTable tbody tr td.farRight {
                background:url(../images/layout/cart-confirm-bgr-4.png) right top no-repeat !important;
            }
            
            .cartConfirmTable tbody tr td.delete{
                background:url(../images/layout/cart-confirm-bgr-3.png) left top no-repeat !important;
                }
            
            .cartConfirmTable tbody tr td.whiteText,
            .cartConfirmTable tbody tr td.sumBox{
                color:#000;
                }
            .cartConfirmTable tbody tr td.delete{
                background: none;
                }
                
            .cartConfirmTable tfoot tr.buttonRow input {
                width:138px;
                background:url(../images/layout/buy-confirm.png) 0 0 no-repeat;
                }
							
/*
	NOTEBOOK LIST ---------------- */
	
			h2.pretraga {
				top:20px;
				height:112px;
				background:url(../images/layout/pretraga.png) left bottom no-repeat;
				}
				h2.pretragaLarge {
					left:6px;
					}
			.detailedSearch {
				overflow:hidden;
				width:968px;
				}
				.detailedSearch fieldset {
					float:left; 
					width:202px;
					margin-right:50px;
					}
				.detailedSearch fieldset.last {
					margin:0px;
					}
			.customComboHolder {
				position:relative; float:left;
				height:34px; width:202px; 
				margin-bottom:0px; 
				background:url(../images/layout/combobox.png) right 0 no-repeat; 
				}
				.customComboHolder div {
					position:absolute; z-index:1; 
					width:187px; height:32px;
					padding:6px 0 0 15px;
					font-weight:normal; line-height:24px;
					}
				.dropdown_over {}
				.dropdown_over div {}
				.customComboHolder select {
					display:inline; float:left; position:absolute; z-index:2; left:8px;
					width:187px; height:30px;
					margin-top:0px;
					font-size:11px;
					background-color:#FFFFFF; 
					cursor:pointer; 
					opacity:0; -moz-opacity:0; filter:alpha(opacity: 0); 					
					}
					.customComboHolder select option {
						padding:4px 2px 4px 11px;
						color:#434343;
						background:#bcbcbc;
						border-bottom:1px solid #cdcdcd;
						}
			.detailedSearchButton {
				float:right;
				width:81px; height:30px;
				background:url(../images/layout/detailed-search-button.png) left top no-repeat;
				cursor:pointer;
				}
			.resetButton {
				float:right;
				width:67px; height:30px;
				background:url(../images/layout/reset-button.png) left top no-repeat;
				cursor:pointer;
				}
				
			
			/* Pretraga Veliki box */
			ul.pretragaLarge {}
				ul.pretragaLarge li {
					float:left;
					width:283px; height:107px;
					margin-left:15px;
					}
					ul.pretragaLarge li img {
						float:left;
						margin-right:20px;
					}
					ul.pretragaLarge li h4 {
						font-size:24px; text-transform:uppercase;
						}
						ul.pretragaLarge li h4 a {
							color:#081126;
							}
							ul.pretragaLarge li h4 a:hover {
								color:#00aeef;
								}
					ul.pretragaLarge li  p {
						font-size:12px;; color:#000;
						}
					ul.pretragaLarge li div.customComboHolder {
						margin-left:78px;
						}
			
				
			/* Pagination */
			
			.withPagination {
				padding: 26px 15px 26px 25px !important;
				}
			.pagination {
				position:absolute; right:180px; top:0px; overflow:hidden;
				width:auto; height:28px;
				}
			.bottomPagination {
				bottom:0px !important; top:auto;
				}
				.pagination a {
					float:left; display:block;
					width:26px; height:28px;
					text-align:center; color:#ffffff; line-height:24px;
					background:url(../images/layout/pagination-bgr.png) left top no-repeat;
					}
				.pagination a.first {
					width:42px; 
					background:url(../images/layout/pagination-first-bgr.png) left top no-repeat;
					}
				.pagination a.last {
					width:69px; 
					background:url(../images/layout/pagination-last-bgr.png) left top no-repeat;
					}
				.pagination b {
					float:left; display:block;
					width:26px; height:28px;
					text-align:center; color:#ffffff; line-height:24px;
					background:url(../images/layout/pagination-bgr.png) left -27px no-repeat;
					}


/*
    KONTAKT ---------------- */


            h2.kontakt {
                top:20px;
                height:98px;
                background:url(../images/layout/kontakt.png) left bottom no-repeat;
                }
            p.contctSide {
                float:left;
                width:220px;
                margin-left:22px; padding:85px 0 0 5px;
                font-size:12px; color:#7d7d7d; line-height:18px;
                background:url(../images/layout/contact-logo.png) left top no-repeat;
                }
            
            ul.contactTopList {
                overflow:hidden;
                margin-top: 4px;
                }
                ul.contactTopList li {
                    float:left;
                    width:220px;
                    }
                    ul.contactTopList li p {
                        font-size:12px; color:#7d7d7d; line-height:18px;
                    }
                    ul.contactTopList li h5 {
                        font-size:18px; color:#00aeef;
                        }
                ul.contactTopList li ul li {
                    display:block;
                    height:15px;
                    padding-left:20px; margin-bottom:4px;
                    line-height:18px;
                    background:url(../images/layout/maillist-arrow.png) 0 6px no-repeat;
                    }
                    ul.contactTopList li ul li a {
                        font-size:12px; color:#7d7d7d;
                        }
                        ul.contactTopList li ul li a:hover {
                            text-decoration:underline;
                            }
                        
            .contactForm {
                float:right; position:relative;
                width:686px;
                padding:0 22px 70px 0; margin-bottom:-20px;
                background:url(../images/layout/div-bgr-2.jpg) right bottom no-repeat;
                }                        
                .contactForm p {
                    font-size:12px; color:#7d7d7d; line-height:18px;
                    }
                .contactForm fieldset {
                    float:left;
                    width:310px;
                    padding-top:30px;
                    }
                .contactForm fieldset.last {
                    float:right;
                    width:340px;
                    }
                    .contactForm fieldset ul {
                        }
                        .contactForm fieldset ul li {
                            overflow:hidden;
                            margin-bottom:15px;
                            }
                        .contactForm fieldset ul li.last {
                            margin-bottom:45px;
                            }
                            .contactForm fieldset ul li label {
                                float:left; display:block;
                                width:60px;
                                font-size:18px; color:#7d7d7d; text-transform:uppercase;
                                }
                            .contactForm fieldset ul li label.combo {
                                line-height:32px;
                                }
                            .contactForm fieldset ul li span.small {
                                display:block; float:left;
                                width:227px; height:27px;
                                background:url(../images/layout/contact-input.png) left top no-repeat;
                                }
                            .contactForm fieldset ul li span.smallError {
                                display:block; float:left;
                                width:227px; height:27px;
                                background:url(../images/layout/contact-input-error.png) left top no-repeat;
                                }
                                .contactForm fieldset ul li span.small input {
                                    width:207px; height:19px;
                                    margin:4px 10px;
                                    background:none;
                                    border:none;
                                    }
                            .contactForm fieldset ul li span.large {
                                display:block; float:left;
                                width:274px; height:169px;
                                background:url(../images/layout/contact-textarea.png) left top no-repeat;
                                }
                            .contactForm fieldset ul li span.largeError {
                                display:block; float:left;
                                width:274px; height:169px;
                                background:url(../images/layout/contact-textarea-error.png) left top no-repeat;
                                }
                                .contactForm fieldset ul li span.large textarea {
                                    width:254px; height:161px;
                                    margin:4px 10px;
                                    font-size:13px;
                                    background:none;
                                    border:none;
                                    }
            .contactResetButton {
                position:absolute; bottom:20px; right:125px;
                width:67px; height:30px;
                background:url(../images/layout/reset-button.png) left top no-repeat;
                cursor:pointer;
                }
            .contactSendButton {
                position:absolute; bottom:20px; right:25px;
                width:89px; height:49px;
                background:url(../images/layout/send-button.png) left top no-repeat;
                cursor:pointer;
                }
				

/*
	PRIKAZ PROIZVODA ---------------- */

			.gallery {
				float:left;
				width:326px;
				padding:0 0 0 5px;
				background:url(../images/layout/gallery-bgr.png) left top no-repeat;
				}
				ul#productHolder {
					overflow:hidden;
					width: 321px; height:321px;
					}
				ul#productsList {
					overflow:hidden;
					width:324px;
					padding:2px 0 34px 0; margin-bottom:30px;
					background:url(../images/layout/galerija.png) right bottom no-repeat;
					}
					ul#productsList li {
						float:left; overflow:hidden;
						width:105px; height:105px;
						margin-right:3px;
						}
				.gallery h3 {
					width:319px; height:26px;
					text-indent:-9999px;
					background:url(../images/layout/posalji-prijatelju.png) left top no-repeat;
					}
					.gallery form {
						position:relative;
						width:319px;
						padding:15px 0 40px;
						}
						.gallery form ul {
							width:319px;
							padding:0px; margin:0px;
							background:none;
							overflow:hidden;
							}
							.gallery form ul li {
								float:none; overflow:hidden;
								width:319px; height:auto;
								margin:0 0 15px 0; padding-left:10px;
								}
								.gallery form ul li label {
									float:left; display:block;
									width:70px;
									font-size:18px; color:#ffffff; text-transform:uppercase;
									}								
								.gallery form ul li span.small {
									display:block; float:left;
									width:229px; height:27px;
									background:url(../images/layout/gallery-input.png) left top no-repeat;
									}
                                .gallery form ul li span.smallError {
                                    display:block; float:left;
                                    width:229px; height:27px;
                                    background:url(../images/layout/gallery-input-error.png) left top no-repeat;
                                    }
									.gallery form ul li span.small input {
										width:209px; height:19px;
										margin:4px 10px;
										background:none;
										border:none;
										}
								.gallery form ul li span.large {
									display:block; float:left;
									width:229px; height:58px;
									background:url(../images/layout/gallery-textarea.png) left top no-repeat;
									}
                                .gallery form ul li span.largeError {
                                    display:block; float:left;
                                    width:229px; height:58px;
                                    background:url(../images/layout/gallery-textarea-error.png) left top no-repeat;
                                    }
									.gallery form ul li span.large textarea {
										width:209px; height:50px;
										margin:4px 10px;
										font-size:13px;
										background:none;
										border:none;
										}
					.gallerySendButton {
						position:absolute; bottom:0px; right:15px;
						width:89px; height:49px;
						background:url(../images/layout/send-button.png) left top no-repeat;
						cursor:pointer;
						}
						
					.gallery form p {
						position:absolute; left:80px; bottom:6px;
						height:24px;
						padding-left:30px;
						line-height:24px; font-size:12px; color:#fff;
						background:url(../images/layout/loader-blue.gif) 0 0 no-repeat;
						}
                    .sendToFriendSuccess {
                        position:absolute; left:80px; bottom:6px;
                        height:24px;
                        padding-left:0px !important;
                        line-height:24px; font-size:12px; color:#fff;
                        background:none !important;
                        }
			
            .computerInfoAddToCartProgress {
                background:url(../images/layout/buy-button-progress.png) left top no-repeat !important;
                width:113px !important;
                }
            .computerInfoAddToCartSuccess {
                background:url(../images/layout/buy-button-in-cart.png) left top no-repeat !important;
                width:87px !important;
                }			
			.computerInfo {
				float:right; position:relative;
				width:440px;
				padding-right:30px;
				}
				a.backButton {
					position:absolute; right:20px; top:0;
					height:23px !important;
					padding-right:24px;
					line-height:20px; text-align:right; color:#061023; font-size:12px;
					background:url(../images/layout/back-icon.png) right top no-repeat !important;
					} 
					a.backButton:hover {
						color:#00aeef;
						}
				.computerInfo h3 {
					font-size:24px; color:#217ab2;
					margin:4px 0;
					}
				.computerInfo h4 {
					width:139px; height:29px;
					text-indent:-9999px;
					background:url(../images/layout/opis-proizvoda.png) left top no-repeat;
					}
				.computerInfo h5 {
					font-weight:normal; font-size:18px; color:#00aeef;
					}
				.computerInfo a {
					display:block;
					width:71px; height:41px;
					margin:5px 0 15px;
					text-indent:-9999px;
					background:url(../images/layout/buy-button.png) left top no-repeat;
					outline:none;
					}
                .computerInfo span p a {
                    display:block;
                    width:auto; height:auto;
                    margin:5px 0 5px;
                    text-indent:0px;
                    background: none;
                    outline:none;
                    }
	.computerInfo ul {
		width:440px; 
		padding:0px;
		}
		.computerInfo ul li {
			overflow:hidden;
			background:url(../images/layout/computer-table-bgr.png) left bottom no-repeat;
			padding:2px 9px;
			}
			.computerInfo ul li b {
				display:block; float:left;
				width:120px;
				font-weight:normal;
				}
			.computerInfo ul li span {
				display:block; float:left;
				width:290px;
				}
		.recommend h4 {
			width:151px; height:27px;
			margin-left:14px;
			text-indent:-9999px;
			background:url(../images/layout/preporucujemo.png) left top no-repeat;
            bottom: -2px;
            position: relative;
            z-index: 5;
			}
		/*.recommend ul li {
			padding-top:0px !important;
			}*/