html, body {
	position: relative;
	margin:0;
	padding:0;
	background: transparent url(images/sonce.net/tile.gif) left top;
	font-family:  tahoma, verdana, sans-serif;
	font-size: 12px;
	width: 100%;
	height: 100%;
	text-align: center;
}

a {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: underline;
	color: #b0a758;
}

option {
	font-size: .8em;
}

/*table, td {
	border: 1px solid red;
}*/

#mybody {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent url(images/sonce.net/bg.gif) left top repeat-x;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 760px;
	height: 100%;
	text-align: left;
	padding-left: 22px;
	background: transparent url(images/sonce.net/shadow_left.png) left top repeat-y;
}

#wrapper2 {
	position: relative;
	width: 738px;
	height: 100%;
	padding-right: 22px;
	background: transparent url(images/sonce.net/shadow_right.png) right top repeat-y;

}

#innerpage {
	position: relative;
	width: 698px;
	padding-left: 40px;
	height: 100%;
	background: #fff url(images/sonce.net/inner_shadow_left.png) left top repeat-y;
}

td {
	font-size: 12px;
}

td.messageStackWarning {
	display: none;
	position: absolute;
	background: #fff;
	border: 2px solid red;
	padding: 4px;
	width: 99%;
	z-index: 99;
}


#kategorije {
	position: absolute;
	padding-top: 10px;
	margin-left: -40px;
	width: 40px;
	height: 530px;
	background: transparent url(images/sonce.net/skupine.gif) 16px 376px no-repeat;
}

#kategorije ul, #kategorije li {
	display: block;
	width: 40px;
	margin:0;
	padding:0;
	list-style: none;
}

#kategorije li {
	position: relative;
	float: left;
	height: 90px;
}

#kategorije li a {
	display: block;
	width: 40px;
	height: 90px;
	background-position: left top;
	background-color: transparent;
	background-repeat: no-repeat;
}

#kategorije a.prehrana { background-image: url(images/sonce.net/prehrana.gif); }
#kategorije a.prehranasel { background-image: url(images/sonce.net/prehrana_selected.gif); }
#kategorije a.prehrana:hover { background-image: url(images/sonce.net/prehrana_over.gif); }

#kategorije a.osebna { background-image: url(images/sonce.net/osebna.gif); }
#kategorije a.osebnasel { background-image: url(images/sonce.net/osebna_selected.gif); }
#kategorije a.osebna:hover { background-image: url(images/sonce.net/osebna_over.gif); }

#kategorije a.ostali { background-image: url(images/sonce.net/ostali.gif); }
#kategorije a.ostalisel { background-image: url(images/sonce.net/ostali_selected.gif); }
#kategorije a.ostali:hover { background-image: url(images/sonce.net/ostali_over.gif); }

#kategorije a.xyz { background-image: url(images/sonce.net/xyz.gif); }
#kategorije a.xyzsel { background-image: url(images/sonce.net/xyz_selected.gif); }
#kategorije a.xyz:hover { background-image: url(images/sonce.net/xyz_over.gif); }

#kategorije a.intima { background-image: url(images/sonce.net/intima.gif); }
#kategorije a.intimasel { background-image: url(images/sonce.net/intima_selected.gif); }
#kategorije a.intima:hover { background-image: url(images/sonce.net/intima_over.gif); }


#kategorije li a span {
	display: none;
}

#main_content {
	position: relative;
	height: 100%;
	width: 690px;
	padding-left: 10px;
	border-left: 10px solid #ccc691;
	border-right: 10px solid #fff;
	background-color: #fff;
}

#main_content.c21 { border-left: 10px solid #ff9335; }
#main_content.c1  { border-left: 10px solid #d0dc3f; }
#main_content.c2  { border-left: 10px solid #84bb4d; }
#main_content.c22  { border-left: 10px solid #69899e; }

#header {
	position: relative;
	text-align: left;
	height: 141px;
	background: #fff url(images/sonce.net/headers/head_main.jpg) left top no-repeat;
}

#header.druga {
	background: #fff url(images/sonce.net/headers/head_predstavitev.jpg) left top no-repeat;
}

#logo img {
	position: relative;
	margin-top: 11px;
}

#toolbox {
	position: absolute;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 10px;
	padding-left: 12px;
	padding-right: 3px;
	right: 1px;
	color: black;
	background: #ccc691;
}

#toolbox a {
	color: black;
	text-decoration: none;
}

#toolbox a:hover {
	text-decoration: underline;
}

#toolbox .white {
	font-weight: bold;
	color: white;
}

/* box za listing kategorij*/

#box_categories {
	position: relative;
}

#box_categores td, #box_categores table, #box_categores tbody {
	border:0;
	padding:0;
	margin:0;
}

#box_categores td.boxText {
	margin: 0;
	padding: 0;
	border: 0;
}

#box_categories h2 {
	display: block;
	margin: 0 0 9px 0;
	padding: 8px 0 8px 8px;
	text-transform: uppercase;
	font-family: tahoma, sans-serif;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 1px;
	color: white;
}

#box_categories h2 a {
	padding:0;
	margin:0;
	color: white;
	font-size: 13px;
	text-decoration: none;
}

#box_categories br { display: none; }

#box_categories a {
	display: block;
	margin:0;
	clear:right;
	padding: 5px 0 4px 7px;
	
	color: #666;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-bottom:none;
	
}

#box_categories a b {
	color: black;
}

#main_content.c21 #box_categories { border-bottom:1px solid #ff9335; }
#main_content.c21 #box_categories a { border-color: #ff9335; }
#main_content.c21 #box_categories td.boxText h2 { background-color:#ff9335; }


#main_content.c1 #box_categories { border-bottom:1px solid #d0dc3f; }
#main_content.c1 #box_categories a { border-color: #d0dc3f;}
#main_content.c1 #box_categories td.boxText h2 { background-color:#d0dc3f; }


#main_content.c2 #box_categories { border-bottom:1px solid #84bb4d; }
#main_content.c2 #box_categories a { border-color: #84bb4d;}
#main_content.c2 #box_categories td.boxText h2 { background-color:#84bb4d; }


#main_content.c22 #box_categories { border-bottom: 1px solid #69899e; }
#main_content.c22 #box_categories a { border-color: #69899e;}
#main_content.c22 #box_categories td.boxText h2 { background-color:#69899e; }

#main_content.c85 #box_categories { border-bottom: 1px solid #69899e; }
#main_content.c85 #box_categories a { border-color: #69899e;}
#main_content.c85 #box_categories td.boxText h2 { background-color:#69899e; }

td.delimiter {
	display: block;
	overflow: hidden;
	margin:0;
	padding:0;
	height: 7px;
}

#box_shopping_cart {
	padding:0;
	margin:0;
	width: 150px;
	border: 1px solid #ccc691;
}

#box_shopping_cart td {
	font-size: 10px;
}

#box_shopping_cart .boxText {
	color: #849771;
	font-size: 10px;
	font-weight: bold;
}

#box_shopping_cart div {
	padding: 7px;
	padding-bottom: 0;
	border-bottom: 1px solid #ccc691;
	margin-bottom: 1px;
}

#box_shopping_cart .infoBoxContents {
	padding: 2px 0;
}

#box_shopping_cart a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #849771;
}

#box_shopping_cart a:hover {
	text-decoration: underline;
}

#box_shopping_cart span.cart_price {
	display: block;
	border-top: 1px solid #ccc691;
	padding:  2px 7px 0 7px;
	margin: 0 -7px;
	margin-top: 7px;
}

#box_search {

}

#box_search td {
	font-size: 10px;
}

#box_search form {
	margin:0;
	padding:0;
}

#box_search input {
	margin:0;
	padding:0;
	height: 18px;
	border: 1px solid #ccc691;
	vertical-align: middle;
}

#box_search input.btnsubmit {
	border: none;
	height: 18px;
	
}

#box_search table {
	padding: 7px 0;
	border-top: 1px solid #ccc691;
	border-bottom: 1px solid #ccc691;
}

#box_search table table {
	padding: 0;
	border: none;
}

#box_most_popular, #box_most_bought, #related_products, #related_articles {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc691;

}

#box_most_popular h2, #box_most_bought h2, #related_products h2, #related_articles h2 {
	margin:0;
	padding:0 0 4px 0;
	color: #ff9335;
	font-weight: bold;
	font-size: 11px;
}

#box_most_popular a, #box_most_bought a, #related_products a, #related_articles a {
	color: black;
	text-decoration: none;
	font-size: 10px;
}

#box_most_popular a:hover, #box_most_bought a:hover, #related_products a:hover, #related_articles a:hover {
	text-decoration: underline;
}

/* middle body */
td.aa {
	padding: 10px;
}

td.aa, #right_column {
	padding-top: 37px;
	padding-bottom: 27px;
}

#zgornji_trak {
	position: absolute;
	display: block;
	z-index:90;
	width: 540px;
	height: 28px;
	right: 0px;
	top: 141px;
	text-align: right;
	background: #fff url(images/sonce.net/zgornji_trak_bg.gif) left top repeat-x;
}

#footer {
	position: relative;
	clear: both;
	border: 1px solid #9b934a;
	border-bottom: none;
	background: #e7e3cb;
	width: 690px;
	height: 18px;
	text-align: left;
}

#footer a {
	display: block;
	float: left;
	padding: 3px 7px;
	color: black;
	text-decoration: none;
	font-size: 10px;
}

#footer a.prehrana {
	background-color: #ff9335;
	color: white;
}

#footer a.osebna {
	background-color: #d0dc3f;
	color: white;
}

#footer a.ostali {
	background-color: #84bb4d;
	color: white;
}

#footer a.xyz {
	background-color: #69899e;
	color: white;
}

#footer a:hover {
	text-decoration: underline;
}

#copy {
	margin-top: 10px;
	position: relative;
	clear: both;
	border: 1px solid #ccc;
	border-bottom: none;
	width: 676px;
	font-size: 9px;
	color: #999;
	text-align: left;
	padding: 5px 7px;
	margin-bottom: 5px;
}

#copy a {
	text-decoration: none;
	color: #999;
}

#copy a:hover {
	text-decoration: underline;
}


/* urednik pages */
#klikaboo {
	position: relative;
	display: block;
	width: 690px;
	padding:0;
	margin:0;
}

#title {
	position: relative;
	height: 29px;
	width: 690px;
	background: #ccc691 url(images/sonce.net/title_bg.gif) left top no-repeat;
	margin-bottom: 10px;
}

#title div {
	position: relative;
	display: block;
	float: right;
	background: #fff;
	padding: 0 0 2px 7px;
}

#title.predstavitev {
	background: #fff url(images/sonce.net/zgornji_trak_bg.gif) left top repeat-x;
}

#title.predstavitev #box {
	position: relative;
	display: block;
	padding:0;
	float: left;
	text-align: left;
	width: 150px;
	height: 27px;
	background: #ccc691;
}
#title.predstavitev #box a {
	position: relative;
	display: block;
	padding:0;
	margin:0;
	padding: 7px 0 0 10px;
	font-weight: bold;
	color: white;
	font-size: 13px;
	text-decoration: none;
}

div.clear {
	position: relative;
	clear:both;
	width: 690px;
	height: 1px ;
	overflow:hidden;
}

#rightblock {
	position: relative;
	display: block;
	float: right;
	width: 150px;
	margin-bottom: 10px;
}


#teme {
	padding: 7px 0;
	border-top: 1px solid #ccc691;
	font-size: 12px;
	line-height: 1.3em;
	font-weight: bold;
	color: #aea551;
}

#teme h2 {
	margin:0;
	padding:0 0 4px 0;
	color: #ff9335;
	font-weight: bold;
	font-size: 11px;
}

#teme a {
	color: black;
	text-decoration: none;
	font-size: 12px;
	color: #aea551;
}

#teme a:hover {
	text-decoration: underline;
}

#defaultmenu h2 {
	display: block;
	margin:0;
	padding:0;
	width: 150px;
	background-color: #ccc691;
	color: white;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}

#defaultmenu h2 span {
	display: block;
	padding: 6px 0 6px 7px;
}

#menu_predstavitev, #defaultmenu {
	position: relative;
	float: left;
	width: 150px;
	text-align: left;
	z-index: 100;
}

#menu_predstavitev ul, #defaultmenu ul {
	margin:0 0 -2px 0;
	padding:0;
	list-style: none;
	border: 1px solid #ccc691;
	border-bottom: none;
}

#menu_predstavitev li, #defaultmenu li {
	display: block;
	
	width: 148px;
}

#menu_predstavitev li a, #defaultmenu li a {
	display: block;
	padding: 4px 7px;
	font-weight: bold;
	font-size: 11px;
	color: #666;
	border-bottom: 1px solid #ccc691;
}

#menu_predstavitev li a:hover, #defaultmenu li a:hover {
	color: #666;
	text-decoration: none;
}

#content {
	position: relative;
	text-align: left;
	margin-right: 160px;
	line-height: 1.3em;
}

#content.predstavitev {
	padding-left: 160px;
}

#content h2 {
	margin: 0;
	padding: 0;
	font-family: helvetica;
	font-weight: bold;
	font-size: 17px;
	color: #666;
}


#content h2 a {
	color: #666;
	text-decoration: none;
}

#content h2 a:hover {
	text-decoration: underline;
}

#content .article_top {
	font-weight: bold;
	font-size: 10px;
	padding: 4px 0;
}

#content .article_top a {
	text-decoration: none;
	color: #ff9335;
}

#content .article_top a:hover { text-decoration: underline; }

#content .article_bottom {
	position: relative;
	padding-top: 4px;
	padding-bottom: 20px;
}

#content .article_bottom a {
	font-weight: bold;
	font-size: 10px;
	color: #ff9335;
	text-decoration: none;
}

#content .article_bottom a:hover {
	text-decoration: underline;
}


#content .has_img {
	position: relative;
	display: block;
	height: 160px;
}

html>body #content .has_img {
	height: auto;
	min-height: 160px;
}

#content img.thumbnail {
	float: right;
	border: 1px solid #b0a758;
	margin: 0 0 10px 10px;
}

#go_kategorije {
	padding-bottom: 10px;
}

#go_kategorije img {
	margin: 0 10px 10px 0;
}

#go_kategorije img.right {
	margin-right: -8px;
}

.productListing-data {
	padding: 5px 0;
	border-bottom: 1px solid #ccc691;
}

.productListing-heading {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc691;
	font-weight: bold;
	color: #ccc691;
	font-size: 10px;
}

.productListing-heading a {
	text-decoration: none;
	color: #ccc691;
}

.productListing-data a {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

.productListing-data a {
	color: #666;
	text-decoration: none;
}
.productListing-data a:hover {
	color: #b0a758;
	text-decoration: underline;
}

td.product_img {
	padding-right: 10px;
}

td.product_img img {
	border: 1px solid #ccc691;
}

td.product_img2 {
	padding-left: 10px;
	padding-bottom: 10px;
}

td.product_img2 a, .smalllink {
	text-decoration: none;
	color: #666;
}

td.product_img2 a:hover, .smalllink:hover {
	text-decoration: underline;
}
td.product_img2 img {
	border: 1px solid #ccc691;
}

.pimg {
	border: 1px solid #ccc691;
}

.smallText {
	color: #666;
	font-size: 10px;
}

.pageHeading {
	font-weight: bold;
	color: #666;
}

.pageHeadingPrice {
	text-align: right;
	padding-left: 10px;
	font-weight: bold;
	color: #000;
}

.catlist {
	padding-bottom: 10px;
}

#currencies {
	padding-top: 7px;
	border-bottom: 1px solid #ccc691;
}

#currencies .infoBoxHeading {
	color: #ff9335;
	font-weight: bold;
	font-size: 11px;	
	text-transform: uppercase;
	padding-bottom: 4px;
}

#allso_purchased .infoBoxHeading {
	padding: 15px 0 5px 0;
	color: #666;
}


#generic_comments .comment {
	
	border-top: 1px solid #efefef;
	margin-top: 10px;
	padding-top: 10px;
}

#generic_comments .comment_text {
	width: 400px;
	height: 120px;
	font-family:  tahoma, verdana, sans-serif;
	font-size: 12px;
	margin-top: 8px;
}