body, html {height:100%; width:100%; padding:0px; margin:0px; background:#f3f4ee;}
body {padding-top:80px}
* {font-family:Tahoma; font-size:11px}
a {text-decoration:none; color:#84a413}
a:hover {text-decoration:underline}
form {margin:0px}
input.text {border:1px solid #cccccc; color:#949494; padding:3px 4px; height:19px; padding-top:2px;}
input.button {border:1px solid #cccccc; color:#444444; padding:3px 5px; background:#ffffff}
input.button-small {border:1px solid #cccccc; color:#444444; padding:1px 5px; background:#ffffff}
p {margin:0px}

.mpselect {padding:6px 0px}
.mpselect a {display:block; padding:2px 5px; color:#949494}
.mpselect a:hover {background:#cccccc; color:#ffffff; text-decoration:none}


#header { position:absolute; margin-left:50%; top:0px; z-index:0}
#header #cont {width:980px; margin-left:-490px}
#header a {padding:0px 5px; color:#000000; border-right:1px solid #999999}

#top-nav {background:url('./../images/top-bg.gif'); height:30px; width:980px; border-right:1px solid #cecece; border-left:1px solid #cecece; margin:auto; white-space:nowrap; overflow:hidden}
#top-nav * {text-transform:uppercase}
#top-nav a {display:block; float:left; padding:0px 20px; line-height:30px; height:30px; border-right:1px solid #cecece; color:#333333; font-weight:bold}
#top-nav a.hover {background:#f52c73; color:#ffffff; text-decoration:none}
#top-nav a.active {background:#f52c73; color:#ffffff; text-decoration:none}
#top-nav span {position:absolute; border:1px solid red; margin-top:20px}

.dropdown-menu {padding:5px; 0px; background:#ffffff}
.dropdown-menu a {display:block; text-align:left; background:#ffffff; padding:2px 10px; color:#555555; font-size:12px}
.dropdown-menu a:hover {background:#e5e5e5; text-decoration:none}
.dropdown-menu a.active {background:#e5e5e5; text-decoration:none}
.dropdown-menu i {font-size:10px; color:#888888}

#middle-nav {background:#a7ce1f;  width:980px; border:1px solid #cecece; border-top:1px solid #ffffff; white-space:nowrap; overflow:hidden; padding:4px 0px}
#middle-nav * {text-transform:uppercase; vertical-align:middle}
#middle-nav a.first {margin-left:10px; border:0px}
#middle-nav a {display:block; padding:0px 8px; float:left; border-left:1px solid #dddddd; height:16px; margin-top:1px; line-height:16px; font-size:11px; color:#ffffff}
#middle-nav a.active {color:#4d6302}


#prodlist {margin-left:15px; table-layout:fixed; width:100%}
#prodlist td {padding-top:5px; padding-bottom:5px;  vertical-align:top; width:20%; padding-left:5px}
#prodlist td a {width:143px; overflow:hidden; display:block;}
#prodlist td.spacer {height:1px; line-height:1px}
#prodlist td.spacer div {border-top:1px dotted #999999}

#prodlist img {border:1px solid #999999;}
#prodlist img.new {position:absolute; border:0px; width:20px; height:71px}
#prodlist img.sold {position:absolute; border:0px;}
#prodlist img.zoom {position:absolute; border:0px; width:18px; height:19px; margin-top:182px; margin-left:123px; cursor:pointer}
#prodlist img.admin {position:absolute; border:0px; width:18px; height:19px; margin-top:142px; margin-left:124px; cursor:pointer}
#prodlist img.admin2 {position:absolute; border:0px; width:18px; height:19px; margin-top:122px; margin-left:124px; cursor:pointer}
#prodlist img.admin3 {position:absolute; border:0px; width:18px; height:19px; margin-top:102px; margin-left:124px; cursor:pointer}
#prodlist .oldprice {text-decoration:line-through; margin-right:5px; font-size:12px}

/** Price **/
#prodlist u {font-size:14px important; color:#f52c73; display:block; text-decoration:none; font-size:12px; padding:3px 0px}
/** Sizes **/
#prodlist i {display:block; color:#555555; font-size:10px; padding-top:2px; font-style:normal;}
/** Title **/
#prodlist p {font-size:11px; display:block; padding-bottom:2px; color:#888888; margin:0px; font-weight:normal; line-height:10px; height:20px; overflow:hidden; margin-top:2px}
/** Vendor  **/
#prodlist b {color:#555555; margin:0px; padding:0px; margin-top:3px; height:13px; overflow:hidden; display:block; margin-top:4px}

#prodlist .pi {width:140px; height:200px;}

/** Razvernutij produkt. nearestr products **/
#small-prods-container {height:440px; overflow:hidden}
.small-prods {border-left:1px dotted #999999; border-collapse:collapse; position:relative;z-index:10}
.small-prods td {padding:4px}
.small-prods td b {display:block; margin:2px 0px}
.small-prods tr.active td {background:#e5e5e5;}

td.last-visited {background:#e5e5e5; border:1px solid #dcdbdb; padding-left:7px}

#footer-nav {background:#a7ce1f; height:20px; width:980px; border:1px solid #cecece; border-top:1px solid #ffffff; line-height:20px; margin:20px 0px}

u.pagelist {display:block;padding:4px; margin:0px 0px 10px 10px; text-decoration:none; background:#e5e5e5; padding-left:10px}
u.pagelist, u.pagelist * {vertical-align:middle}
u.pagelist a {border:1px solid #cccccc; background:#ffffff; padding:1px 5px; line-height:20px; margin-right:2px; color:#999999;}
u.pagelist a.active {color:#a7ce1f; background:#a7ce1f; border:1px solid #ffffff; color:#ffffff; }
u.pagelist i {float:right; display:block; font-style:normal; margin-top:1px}

.left-select {padding:4px 0px}
.left-select div {padding:0px 5px; white-space:nowrap}
.left-select * {vertical-align:middle}
.left-select .checked {color:#f52c73}
.left-select i {float:right; text-decoration:none; font-size:10px; font-style:normal; color:#888888; margin:2px 2px 0px 0px}
.left-select a {color:#000000; text-transform:uppercase;}

/** Tablica v filter onLoad **/
.filter-table {margin-bottom:5px}
.filter-table * {text-transform:uppercase}
.filter-table {border-collapse:collapse;}
.filter-table .active{color:#f52c73}
.filter-table td {white-space:nowrap; padding-left:4px; padding-right:8px; text-align:left}

div.filter-header {background:#f52c73; color:#ffffff; padding:4px; font-weight:normal; margin-bottom:4px; text-transform:uppercase}

/*** ****/
.client-forms * {}
.client-forms td {text-align:right}
.client-forms input {color:#464741; margin:1px 0px}
.client-forms th {padding:10px 0px}
.client-forms th div {background:#a7ce1f; padding:2px; color:#ffffff}

.list-default {border-collapse:collapse}
.list-default td {border-bottom:1px dotted #85817c; padding:3px; background:#e5e5e5}
.list-default th {border:1px solid #e7fd99; padding:5px 5px; border-top:1px solid #a7ce1f; background:#a7ce1f; color:#ffffff}

/** Eto objekti. Konkretno etoto dizajn **/

#basket-container {position:absolute; top:11px; margin-left:50%;z-index:100; width:10px; white-space:nowrap}
#profile {position:absolute; margin-left:50%; top:9px; width:0px; z-index:100;}
#profile div {margin-left:370px; width:150px}
	
	/** Navigation-middle **/
	#logo 		{border:0px; position:absolute; margin-top:-80px}
	#search-form .text {margin-right:20px; vertical-align:middle}
	#search-form #search-button {vertical-align:middle; position:absolute; margin-left:-20px; margin-top:0px}
	#middle-nav div {float:right; margin-right:5px; color:#ffffff; font-size:10px}
	
	/** Nav-left **/
	#cat-header {background:#f52c73; padding:4px 15px; color:#ffffff; font-size:12px; border-bottom:1px solid #f89fbe; font-weight:bold}
	#left-select {width:186px; background:#f8f8f8}
	#f-header {background:#f52c73; padding:4px 15px; color:#ffffff; font-size:12px; border-bottom:1px solid #f89fbe}
	.vars {padding-left:9px;  margin:4px 0px; white-space:normal; text-transform:uppercase}
	
	/** Opened product **/
	.n-image {border:1px solid #999999; width:70px; height:100px}

/** Tablica s razmerami **/
.sizes {border-collapse:collapse}
.sizes th {font-size:10px; font-weight:normal; background:#e5e5e5; padding:4px 4px; border:1px solid #cccccc}
.sizes td {border:1px dotted #cccccc; padding:3px}

#content h3.head {background:#a7ce1f; padding:4px; margin-bottom:4px; color:#ffffff}

#content td {padding:2px !important}
#content td.row2_first {text-align:center; background:#ffffff; border-right:1px dotted #888888; border-left:1px dotted #888888}
#content td.row2 {text-align:center; background:#ffffff; border-right:1px dotted #888888}
#content td.row2_last {text-align:center; background:#ffffff; border-right:1px dotted #888888}

#content td.row1_first {text-align:center; border-right:1px dotted #888888; border-left:1px dotted #888888}
#content td.row1 {text-align:center; border-right:1px dotted #888888}
#content td.row1_last {text-align:center;border-right:1px dotted #888888}

#content .container table {border-collapse:collapse; border:1px dotted #888888}
#content th {background:#dcf587; text-align:center; border:1px dotted #888888; border-right:0px; padding:4px; font-size:10px; line-height:11px; vertical-align:bottom}
#content th * {font-size:10px}


#content .table2 {width:70%}

.maintext * {font-size:12px; line-height:18px}
.maintext h1 {font-size:14px !important}