/***************************************************
                     		 TraficShop
			  	made by www.krojac.com
***************************************************
			      				Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, font,
form, input, textarea, button, img, strong, ol, ul, li, table, th, tbody, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {border:none}

/***************************************************
			      Global design
***************************************************/

html, body{
   	font:11px/0.6 'Trebuchet MS', Helvetica, sans-serif;
	color: #666;
	background-color:#392f23;
	margin:0 0 1px 0;
	height:100%;
}

p{
	color:#666;
	line-height:1.6;
}
strong {
	color:#333;
	font-size: 12px;
}

a, a.link_blue{
	font-weight: normal;
	text-decoration: none;
	color: #57cbf0;
	font-size: 12px;
}

a.link_blue{
	font-size:12px;
	color:#2a6a7e;
	line-height:1.2;
	display:block;
	margin-bottom:5px;
	}

a:hover, a.link_blue a:hover{color:#999}

/***************************************************
			    Main containers
***************************************************/

#container{
	position: relative;
	width: 986px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#holder{
	position: relative;
	width: 960px;
	margin:5px auto 10px;
	padding:13px;
	overflow:hidden;
	background:#392f23 url(../pic/bg-body.png) repeat-y center;
	z-index:1000;
	}

#holder_top {
	position:absolute;
	top:0;
	left:0;
	width:956px;
	height:21px;
	padding:30px 0 0 30px;
	background:transparent url(../pic/holder-top.png) no-repeat 0 0;
	}

#holder_bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:986px;
	height:16px;
	padding:0;
	background:transparent url(../pic/holder-bottom.png) no-repeat 0 0;
}

.holder_rounded_corners {
	position:relative;
	float:left;
	width:950px;
	height:60px;
	margin:0 0 10px 18px;
	padding:0;
	background:#e9e8d1 url(../pic/bottom-content-left.gif) no-repeat left top;
	}

.holder_rounded_corners span{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:9px;
	height:60px;
	margin:0;
	padding:0;
	background:#e9e8d1 url(../pic/bottom-content-right.gif) no-repeat right top;
	}

#head{
	position: relative;
	float:left;
	width:100%;
	height: 120px;
	margin:0;
	padding:0;
}

#logo{
	position:relative;
	float:left;
	z-index: 99;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8px;
}

#container_left {
	float:left;
	width:270px;
	padding-left:10px;
	position: relative;
	}		

#container_right {
	padding:0;
	float: right;
	width: 630px;
	position: relative;
	}	

/***************************************************
				   HOLDERS
***************************************************/	

#holder_flash{
	position:relative;
	float:left;
	width: 960px;
	height:242px;
	margin:43px 0 5px 0;
}

.holder_content, .holder_content_separator, .holder_content_line, .holder_product {
	position: relative;
	float: left;
	width: 100%;
}

.holder_content_line{
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
	margin-bottom: 10px;
}


.holder_content_separator{
	margin-bottom: 20px;
	clear: both;
}

.holder_product, .holder_product_detailed {
	width:160px;
	background-color:#FFF;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
	border-right: solid 1px  #e8e8e8;
}
.holder_product_detailed {width:760px;border:1px solid #ccc}
/*  Holder product specific styles  */
	.holder_product a{
	font-size:12px;
	color:#2a6a7e;
	line-height:1.2;
	display:block;
	margin-bottom:5px;
	}
	.holder_product a.product_name {
	display:block;
	width:170px;
	height:30px;
	}
	.holder_product a:hover{color:#333}
	.holder_product a.manufacturer{
	font-size:12px;
	color:#afc336;
	}
	.holder_product a.category{
	color:#666;
	font-size:12px;
	text-align:right;
	margin:0 15px 0 0;
	}
	.holder_product a.subcategory {
	color:#2c4b92;
	font-size:11px;
	text-align:right;
	margin:0 15px 10px 0;
	}
	.holder_product a.cart {
	color:#595959;
	font-size:11px;
	text-align:right;
	margin:0 15px 0 0;
	}
	.holder_product .price {
	color:#261e13;
	font-size:15px;
	display:block;
	margin-bottom:10px;
	}
a.cart_product {
	position:relative;
	float:right;
	width:auto;
	text-transform:uppercase;
	font-size:14px;
	padding:5px 0 0;
	}
a.cart_product:hover, .holder_product a.subcategory:hover {color:#ccc}



.action {
	position:absolute;
	top: 40px;
	right: 0px;
	}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6, .date, .text-absolute, .vote, .comment{
	font-weight: normal;
	margin: 0;
	padding: 0;
	position:relative;
}

h1{
	font-size: 14px;
	color: #271e14;
	text-transform:uppercase;
	height:22px;
	width:950px;
	padding:13px 0 0 10px;
	margin-bottom:20px;
	background:#e9e8d1 url(../pic/bg-header-left.gif) no-repeat left top;
}
h1 a {color:#333;font-size: 15px;}
h1 a:hover {color:#666}
/* h1 right graphic */
	 h1 span{
	position:absolute;
	right:0;
	top:0;
	width:4px;
	height:35px;
	display: block;
	background:#e9e8d1 url(../pic/bg-header-right.gif) no-repeat right top;
	}

h2{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	margin-left: 10px;
}

h3{
	font-size: 20px;
	color: #afc336;
	font-weight:normal;
	margin-bottom: 15px;
}

h3 span{
	font-size: 11px;
	color: #666;
	display:block;
	line-height:28px;
	padding-left: 20px;
	}

h4{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	padding-top: 15px;
}

h5{
	font-size: 12px;
	color: #4FB9EC;
	font-weight: normal;
	text-transform: uppercase;
}

h6{
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

/***************************************************
			        GALLERY
***************************************************/
a.photo-hover, a.photo-hover2{
	position:relative;
	float: left;
	margin:0 10px 10px 0;
 }

a.photo-hover:hover, a.photo-hover2:hover{	
	z-index:500;
	background: rgb(255, 255, 255);
	opacity: 0.6;
}

a.photo-hover2{
	border:1px solid #eee;
	padding: 5px;
}

.image-box{
	float: left;
	padding: 5px;
	margin-right: 20px;
	margin-bottom:8px;
	background-image: url(../pic/bg-date.gif);
}

/***************************************************
			   				TABLES
***************************************************/
table {
position:relative;
float:left;
width:100%;
border:1px solid #eee;
margin:20px 0;
}

th, td {
border-right:1px solid #eee;
border-bottom:1px solid #eee;
font-size:13px;
line-height:1.4;
color:#999;
vertical-align:middle;
text-align:center;
padding:3px 10px;
}

th {
border-bottom:3px solid #eee;
color:#333;
}

/***************************************************
			   PAGE NAVIGATION
***************************************************/

#page_nav_holder{
	float: left;
	position: relative;
	width: 715px;
	font-size: 10px;
	color: #999;
	padding-top:30px;
	padding-bottom: 20px;
}

.page_nav_right, .page_nav_left{
	float: left;
	position: relative;
	width: 250px;
	padding:7px 0 0;
}

.page_nav_right {
	float: right;
	width:400px;
	padding:0 10px 0 0;
	text-align:right;
}

a.page_nav_link{
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 25px;
}

a.page_nav_link:hover{color: #CCCCCC;}

.page_nav_link_active{
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}

/***************************************************
				      FORMS
***************************************************/

form {
	position:relative;
	float:left;
}

label {
	color: #333;
	font-size:12px;
	display:block;
	width:100px;
	float:left;
	margin:0 0 10px;
	padding-top:10px;
}

.textbox, .box_error {
	background:#fff url(../pic/input-txt.gif) no-repeat  0 0;
	width:189px;
	height:18px;
	padding:5px 10px;
	color:#ccc;
	}
.textbox:focus {
	background:#fff url(../pic/input-txt.gif) no-repeat  0 -28px;
	color:#333}
.box_error {
	background:#fff url(../pic/input-txt.gif) no-repeat  0 -56px;
	}
#error_message {
	font-size:11px;
	color:#FF0000;
	position:absolute;
	bottom:-30px;
	left:10px;
}
textarea, textarea:focus, textarea_error{
	width:296px;
	height: 104px;
	background:#FFF url(../pic/textarea.gif) no-repeat 0 0;
	overflow:hidden;
	padding:5px;
	color:#CCC;
	}
textarea:focus {background:#FFF url(../pic/textarea.gif) no-repeat 0 -114px;color:#333}
textarea_error {background:#FFF url(../pic/textarea.gif) no-repeat 0 -228px}

input.textbox_small {
	background:#fff url(../pic/anti-spam.gif) no-repeat 0 0;
	width:25px;
	height:25px;;
	text-align:center;
	line-height:25px;
	margin:0;
	color:#CCC;
	}
input.textbox_small:focus {
	background:#fff url(../pic/anti-spam.gif) no-repeat -25px 0;
	color:#333;
	}

#formLoginBottom {
padding-top:17px;
}
#formLoginBottom .textbox{
	width:136px;
	margin-right:7px;
	background:#e9e8d1 url(../pic/bg-login-bottom.gif) no-repeat 0 0;
	}
#formNewsletter .textbox{
	width:209px;
	background:#392f23 url(../pic/bg-newsletter.gif) no-repeat 0 0;
	}
#formLoginBottom #submit {
position:absolute;
top:17px;
right:-67px;
}

.holder_form_height, .holder_form {
	width:100%;
	position: relative;
	float: left;	
	}

.holder_form_height{margin-bottom:10px}

/* Top search form */
#search_menu {
	position:absolute;
	top:0;
	right:5px;
	float:right;
	margin:0;
	padding:0;
	width:321px;
	height:49px;
	background:#392f23 url(../pic/bg-search.gif) no-repeat 0 0;
	}
	input#txtPretraga {
	position:absolute;
	width:250px;
	top:14px;
	left:15px;
	line-height:20px;
	padding:3px 5px;
	background-color:#422f22;
	color:#eae9d2;
	font-size:12px;
	}
	#buttonSearch {
	position:absolute;
	top:15px;
	right:-300px;
	width:19px;
	height:19px;
	}
	
.date_img {
	position:absolute;
	top:13px;
	left:315px;
	color:#FF0000}	

/* validation form styles */
#PoruciError, #DostavaError {
	position:absolute;
	left:8px;
	top:50px;
}
/***************************************************
			        FOOTER
***************************************************/

#footer{
	position: relative;
	float:left;
	width: 100%;
	font-size: 11px;
	color:#FFF;
	margin:30px 0 15px;
	padding-top:10px;
	border-top:2px solid #4a4033;
}

#FooterOne, #FooterTwo {
	position: relative;
	float:left;
	width:400px;
}

#FooterOne {margin-left:45px}
#FooterTwo {margin-right:45px}

#FooterOne a, #FooterOne p, #FooterTwo p {
	color:#FFF;
	line-height:1.3;
	}
	
#FooterOne a:hover {text-decoration:underline}

#FooterTwo{
	float:right;
	margin-top:18px;
	text-align:right;
}

a.krojac{
	color: #FF8635;
	font-size: 11px;
}

a.krojac:hover{
	text-decoration: underline;
}

/***************************************************
				       MENU
***************************************************/

#nav_menu{
	position: relative;
	float:left;
	clear:left;
	margin:0 0 0 20px;
	padding:0;
	width:710px;
}

#nav_menu ul{list-style: none}

#nav_menu li {
	float: left;
	padding: 0;
	margin:6px 0 0 0;
	position:relative;
}

#nav_menu li span {
	color: #57cbf0;
	font-size:10px;
	position:absolute;
	top:15px;
	left:10px;
}	

#nav_menu li a {
	font-size: 15px;
	color: #FFF;
	padding:0 30px 0 0;
	text-decoration:none;
}

#nav_menu ul li a:hover {color: #999;text-decoration:none}

body#home a#home_link, body#about a#about_link, body#products a#products_link, body#action a#action_link, body#buy a#buy_link, body#brand a#brand_link, body#contact a#contact_link,  body#register a#register_link {
	color:#999;
}

.category_menu {
	position:relative;
	float: left;
	width: 190px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	}
	
.category_menu ul{
	list-style: none;
	padding: 0px;
	float: none;
	margin: 0px;

}

.category_menu ul li {
	float: none;
	border-bottom:none;
padding-top: 10px;
padding-bottom: 10px;
border-bottom:1px dotted #ccc;
}

.category_menu ul li a{
	font-size:14px;
	color:#000;
	display:block;
	line-height:1.2;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
	}

.category_menu ul li ul {
list-style: none;
	padding: 0;
	float: none;
padding-top: 5px;

	
}

.category_menu ul li ul li {
	float: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
border-bottom:none;
}

.category_menu  ul li ul li a{
	font-size:12px;
	color:#999;
	display:block;
	line-height:1.2;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 5px;
	}

.category_menu ul li a:hover, .category_menu  ul li ul li a:hover{
	color:#999
}


/* Small category menu in holder_top */
ul#category_menu_short {
	position:relative;
	float:left;
	}
	ul#category_menu_short {list-style:none}
	ul#category_menu_short li{
	color:#FFF;
	font-size:11px;
	text-transform:uppercase;
	float:left;
	}
	ul#category_menu_short li a {
	color:#FFF;
	font-size:10px;
	text-decoration:none;
	width:auto;
	margin:0 10px 0 0;
	}
	ul#category_menu_short li a:hover {color:#A4A5A1}
	
/***************************************************
			  				 Specific
***************************************************/

.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}

.hidden{overflow: hidden;visibility: hidden;}

#search-menu {
	position:absolute;
	top:0;
	right:0;
	width:321px;
	height:49px;
	background:#392f23 url(../pic/bg-search.gif) no-repeat 0 0;
	}

.absolute{
	position: absolute;
	left: 369px;
	top: -22px;
}

.date{
	font-size: 11px;
	color: #e9e8d1;
	display:block;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

p#user, div#total-price p {
	font-size:12px;
	color:#999;
	line-height:normal;
	margin:0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0;
	}

p#user span {color:#CCC}

div#total-price p{
}

a.link_2 {
	font-size:13px;
	color:#392f23;
	}

a.link_3 {
	color:#ff9900;
	font-size:13px;
	line-height:1.4;
	}
	
a.link_2:hover, a.link_3:hover {color:#999}


/* Start Slide-door */
button.slide_button {
position:relative;
display:block;
float:left;
height:27px;
padding-right:5px;
cursor: pointer;
overflow: visible; /* Removes extra side padding in IE */
background:transparent url(../pic/button-slide-right.gif) no-repeat right top;
border:none;
text-transform:uppercase;
margin-right:10px;
}
button::-moz-focus-inner { 
	border: none; /* Overrides extra padding in Firefox */
	padding:0; 
}
button.slide_button span {
display:block;
color:#fff;
height:27px;
line-height: 27px;
padding:1px 5px 0 10px;
white-space: nowrap;
background:transparent url(../pic/button-slide-left.gif) no-repeat left top;
} 
button.slide_button:hover {color:#333}
button.slide_button:hover span {color:#333}
/* End Slide-door  */