/* == general styles to clear some browser defaults == */
/* == set up font sizes and basic link 			    == */
body, input, select, textarea, h1, h2, h3, h4, h5, h6, td { font: 11px/13px Arial, Helvetica, sans-serif; color: #333333; }
	a img, img { border-width: 0px;}
	a { color: #3366cc; }
	a:hover { text-decoration: none; }
	body, td { font-size: .7em; } /* so IE can do font resizing */

.test {font: 20px Arial, Helvetica, sans-serif;
	}
	
/* == auto clear floats, keeps html a little cleaner == */
	.clearfix:after, #header:after, #navigation:after, #site:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix, #header, #navigation, #site { display: inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix, * html #header, * html #navigation, * html #site {height: 1%;}
	.clearfix, #header, #navigation, #site {display: block;}
	/* End hide from IE-mac */
	.clear { height: 1px; line-height: 1%; font-size: 1%; clear: both; }
	
/* == container styles, this is also where we center the "site" == */
	body { text-align: center; } /* ie5 will now center site */
	#container { margin: 15px auto; text-align: left; width: 760px; } /* center site, re-align text */

/* == header styles, this will set up all styles in header   == */
/* == see navigations.css for the nav's styles in the header == */
	#header { border-bottom: 1px solid #999; }
		#brand { width: 125px; float: left; }
		* html #brand { width: 122px; }
		.logo { margin: 0px 0px 9px 0px; }
		.tagline { font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin-left: 6px; width: auto;  }
		.mycart {  height: 12px; font-size: 110%; font-style: italic;  float: right; margin-top: 22px; margin-bottom: 5px; }
			.mycart a, .mycart_top { position: relative; height: 15px; font-style: normal; color: #666; 
									 background:  url("../icons/red_cart.gif") 0px 0px no-repeat; padding-left: 20px; }
		.sitemap { margin-right: 2px; float: right; margin-top: 0px;  }
		.promo { font-size: 100%; clear: left; margin-bottom: 3px; }
			.promo a { color: #666; font-size: 90%; }
			.promo b { color: #E43038; text-transform: uppercase; }
		#extras { padding: 5px 5px 2px 5px; float: right; background-color: #E2E0DB; border: 1px solid #999; border-bottom-width: 0px; }
			#personalization { font-size: 110%; margin-left: 10px; float: left; display: block; }
			#search { margin-right: 3px; float: right; }
			#search label { font-weight: bold; font-size: 110%; text-transform: uppercase;  }
			#search input { vertical-align: bottom; padding: 0px; }
			* html #search label { vertical-align: bottom; }
			* html #search input { vertical-align: middle; }
			#search input, #search select { margin: 0px 3px; display: inline; margin-top: -5px; }
			#container #search .searchbox { border: 1px solid #999; line-height: 110%; padding: 1px 2px; }
			#other { margin-right: 10px; float: right;  }
			#search { margin-bottom: 3px; }
			* html #search input, * html #search select { margin-top: 0px; }
			/* verticle align to the bottom \*/
				#extras{ overflow: hidden; position: relative; z-index: 1; width: 623px; }
				#extras[id] { overflow: auto; display: table; position: static; width: 623px; }
				#vertical { position: absolute; top: 90%;} 
				#vertical[id]  { display: table-cell; vertical-align: bottom; position: static; }
				#vertical span { position: relative; top: -100%; } 
				#vertical[id] span { position: static; vertical-align: bottom; }
			/* change class depending on the amount of lines in the personal message */
			#extras { height: 32px; }
			* html #navbox { width: 623px; }
			#navbox.oneline { padding-top: 30px; }
			* html #navbox.oneline { padding-top: 20px;  }
			#navbox.oneline #extras { height: 22px; }
			#navbox.twolines { padding-top: 20px; }
			* html #navbox.twolines { padding-top: 0px;  }
			#navbox.twolines #extras { height: 32px; }
			* html #navbox.twolines #extras { margin-top: 0px; height: 37px;  }
			#navbox { float: right; }
			/* mac ie hack \*/
			#navbox { float: none; margin-top: 0px; }
			html*#extras[id] { /* only safari and NS6 see this */
				width: 635px;
				}
			/* end mac ie hack */

/* == footer, this will set up all styles for the footer  == */
/* == see navigations.css for the global nav styles       == */
#footer { margin-left: 130px; font-size: 80%; clear: right; padding-left: 5px; padding-top: 4px; }
	.globalnav { margin-right: 204px;  }
	.copyright { float: right; font-size: 105%;  }
	#footer hr.brandingbar { height: 4px; }

/* == site styles, this will set up all styles in main body  == */
/* == see navigations.css for the left nav styles            == */
#site { background:  url("../layout/leftnav_bg.gif") repeat-y; }
#site #secondarynav { margin-bottom: 3px; float: left; width: 125px; }
	  #secondarynav h6 { font-size: 110%; border-bottom: 1px solid #999; padding: 6px 0px 6px 0px; }
	
	#content { padding-top: 8px; /*margin-left: 134px;*/ float: right; width: 625px; margin-bottom: 12px; }
		hr.brandingbar { height: 9px; color: #3366cc; background-color: #3366cc; border: 0px; margin: 0px; margin-bottom: 9px; }
		hr.brandingbar3 { height: 3px; color: #E43038; background-color: #E43038; border: 0px; margin: 0px; margin-bottom: 0px; }
		* html hr.brandingbar { margin-bottom: 0px; }
	/* == home page == */
 		.home_branding { float: left; width: 411px; margin: 0px; padding: 0px; }
		.home_espots { float: right; width: 205px;  margin: 0px; padding: 0px; }

		.espot3 { margin-top: 12px; }
		.espot3 h3 { font-size: 110%; color: #E01807; padding: 10px 0px 10px 12px; margin-bottom: 1px; background-color: #F1EEE6; }
		.espot3 .body { height: 207px; overflow: auto; background-color: #F1EEE6; padding: 10px 15px; border-bottom: 1px solid #666; }
		.espot3 strong { display: block; color: #333;}
		.espot3 p { color: #333; margin: 3px 0px; padding: 0px; }

		.brandimage div { /* font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  */}
		.brandimage h1, .brandimage h2 { color: #E43038; font-family: Georgia, "Times New Roman", Times, serif;  }
		.brandimage h1 { color: #E43038; font-size: 290%; margin-bottom: 15px; }
		.brandimage h2 { text-transform: lowercase; color: #E43038; font-size: 110%; margin-bottom: 6px;  
						padding-bottom: 6px; border-bottom: 1px solid #333; }
		.brandimage p { margin: 0px; padding: 0px; margin-bottom: 2px; font-weight: bold; text-transform: uppercase; 
						font-family: Helvetica, Arial, sans-serif; font-size: 105%; color: #666666; line-height: 120%; }
		.brandimage a { text-decoration: none; }
		.brandimage a:hover { color: #666;}
		
		.home_espot { width: 205px; height: 95px; background:  url("../FPO/espot_bg.gif") no-repeat; margin-bottom: 7px; }
		.home_espot img { float: left; }
		.home_espot span { float: right; margin-right: 5px; margin-top: 3px; width: 90px;}
		.home_espot a { color: #666; font-family: Helvetica, Arial, sans-serif; font-size: 100%; text-decoration: none; text-transform: uppercase; }
		.home_espot a:hover { color: #E01807; }
		.home_espot b { display: block; }
		/* hide stuff that is too long on homepage */
		.brandimage { overflow: hidden; }
		.home_espot { overflow: hidden; }
		
		/* == universal page elements == */
		.breadcrumb { margin-bottom: 3px; }
		.breadcrumb a { color: #666; }
		h1 { font-size: 160%; color: #E43038; margin-bottom: 5px; margin-top: 7px; }
		p { margin: 0px; padding: 3px 0px;}
		.infobox { border: 1px solid #999; z-index: 1; clear: both; padding: 4px; } /* box that mini tabs sit on top of*/
		.infobox strong { font-size: 110%; }
		.productoverview h2 { font-weight: normal; font-size: 125%; margin-bottom: 3px; }
		.productoverview h2 a { font-weight: bold; }
		td.sep { height: 7px; padding: 0px; background:  url("../layout/dottedline_horo.gif") 0px 3px repeat-x; }
		div.sep { height: 10px; padding: 0px; background:  url("../layout/dottedline_horo.gif") 0px 3px repeat-x; }
		.livechat_top { float: right; margin-left: 5px; }
		.datagrid { border: 1px solid #999; clear: both; width: 100%; margin-top: 8px; }
		.datagrid th { background-color: #E2E0DB; border-bottom: 1px solid #999; font-size: 100%; font-weight: normal; padding: 6px 7px; }
		.datagrid td { padding: 4px 7px; background:  url("../layout/dottedline_vert.gif") top right repeat-y; }
		.datagrid td.clear { background: none; }
		.datagrid td.clearspace { background: none; height: 7px; }
		.datagrid h2 { color: #666; font-weight: normal; margin-bottom: 1px; display: block; }
		.datagrid h2 a { font-weight: bold; color: #E43038; }
		.datagrid a { color: #666; }
		
		.qtybox { width: 20px; }
		.infosection { margin-bottom: 12px; }
		.infosection h3 { font-weight: bold; font-size: 110%; color: #333399; padding: 10px 0px 10px 12px; margin-bottom: 1px; background-color: #F1EEE6; }
		.infosection .body {  background-color: #F1EEE6; padding: 10px 15px; border-bottom: 1px solid #666; }
		.infosection strong { color: #333;}
		.infosection strong a { color: #333; }
		.infosection p { color: #333; margin: 3px 0px; padding: 0px; }
		.main_content p { line-height: 130%; }
		.main_content { float: left; width: 411px; margin: 0px; padding: 0px; }
		.otherinfo { float: right; width: 205px;  margin: 0px; padding: 0px; }
		
		/* link icons */
		a.pdflink { padding: 3px 0px 2px 23px; background:  url("../icons/pdf.gif") 0px 0px no-repeat; }
		a.partslink { padding: 0px 0px 0px 23px; background:  url("../icons/plus.gif") 3px 0px no-repeat; line-height: 230%; }
		a.emaillink { padding: 0px 0px 0px 23px; background:  url("../icons/email.gif") no-repeat; margin-top: -5px; display: block; }
		a.printlink { padding: 3px 0px 3px 23px; background:  url("../icons/print.gif") no-repeat; display: block; }
		
		/* == category page == */
		.productoverview { width: 100%; border: 0px; padding: 0px; margin: 0px; }
		.productoverview td { padding: 2px 4px 2px 4px; vertical-align: top; }
		.productoverview b { display: block; }
		.productoverview .comparebox { text-align: center; vertical-align: middle; width: 50px; }
		.productoverview ul { margin: 0px; padding: 1px 0px 1px 13px; }
		* html .productoverview ul { padding-left: 16px; }
		.compare { float: right; }
		.compare img { vertical-align: middle; }
		.itemcount { margin: 3px 0px; padding: 0px; display: block; list-style-type: none; }
		.itemcount li { float: left; width: 146px; margin-bottom: 3px; background:  url("../icons/dark_arrow.gif") 0px 3px no-repeat; padding-left: 7px; }
		.itemcount li a { color: #666; }
		.currentbar { background-color: #E2E0DB; padding: 4px 3px; margin: 5px 0px; }
		.currentbar a { color: #666; }
		.currentbar .prvpage, .currentbar .nxtpage { color: #E43038; font-weight: bold; }
		.currentbar p { padding: 0px; margin: 0px; float: left; width: 250px; }
		.currentbar span { float: right; width: 360px; text-align: right; }
		
		/* == my cart == */
		.additem { padding-left: 11px; background:  url("../icons/tridot_arrow_right.gif") 0px 7px no-repeat; margin-bottom: 6px; }
		.additem img { vertical-align: middle; }
		.continue { padding-left: 11px; background:  url("../icons/tridot_arrow_left.gif") 0px 5px no-repeat; }
		.continue a { color: #666; }
		.contactus { float: left; width: 295px; color: #666; font-style: italic; }
		.contactus a { color: #666; font-weight: bold; font-style: normal; }
		.cartbuttons { float: left; width: 133px; margin-top: 25px; }
		.cartbuttons img { margin-bottom: 5px; }
		.subtotal { width: 190px; float: right; }
		.subtotal small { font-size: 80%; padding: 3px 2px 0px 0px; font-style: italic; }
		.subtotal div { border: 1px solid #999; border-top: 0px; font-weight: bold; text-align: right; padding-bottom: 4px; }
		.subtotal div span { padding-right: 12px; font-size: 95%; }
		.subtotal h3 { background: #E2E0DB; border-bottom: 1px solid #999; font-size: 100%; margin-bottom: 3px; text-align: right; padding: 4px 12px 4px 4px; }
		.related { display: block; clear: both; margin-top: 8px; }
		
		/* == personal profile == */
		.headline { background:  url("../icons/dark_arrow.gif") 0px 2px no-repeat; padding-left: 10px; font-weight: bold; }
		.registered { padding: 0px; color: #666; margin: 2px 0px 2px 22px; list-style-position: inside; }
		.registered a { color: #666; }
		.peronalprofile { padding-left: 10px; }
		.peronalprofile img { margin: 3px 0px; }
		
		/* == product detail == */
		.infosection .buyonline { padding: 0px; }
		.prodinfolist { margin: 4px 0px; list-style-type: none; padding: 0px; /*list-style-image: url(../icons/dark_arrow.gif);*/ }
		.prodinfolist li b { background:  url("../icons/dark_arrow.gif") 0px 2px no-repeat; padding-left: 10px; }
		.pagelinks { padding-left: 12px; }
		.fsform { margin: 2px 0px 2px 12px; padding: 0px; }
		.fsform li { padding: 0px; margin: 0px;}
		.findstore { margin: 2px 0px 2px 12px; }
		.buylogo, .buylogo_lst { float: left; border: 1px solid #fff; border-top: 0px; border-left: 0px; margin: 0px; }
		.buylogo_lst { border-right: 0px; }
		.buyamazon { clear: both; display: block; padding: 8px 0px 8px 12px; background-color: #fff; border: 1px solid #E43038; margin-bottom: 9px; }
		.productimage { float: left; margin-right: 20px; margin-bottom: 4px; }
		
		.related { clear: both; width: 100%; margin: 3px 0px; }
		.related td { padding: 4px 7px; text-align: center; background:  url("../layout/dottedline_vert.gif") top right repeat-y; }
		.related td.last { background: none; }
		
/* == pop up styles == */

.popupbody { background-color: #E1E0DB;}
#popup { padding: 8px 13px 0px 13px; text-align: left; background-color: #fff; border-bottom: 1px solid #333; }
#popup h1 { color: #666; font-family: Helvetica, Arial, sans-serif; padding: 9px; background: #EDEBDF url("../icons/popup_arrow.gif") top right no-repeat;  }
#popup .cnt { padding: 5px; }
.test {
    BORDER-TOP: #000 3px solid
}
.naslov {
    font-size: 105%;
}
.pregled {
    font-size: 85%;
}