*{padding:0; margin:0; }

BODY
{
	 width:100%; min-width:777px;
	 font-family: Verdana;
	 font-size: 12px;
	 background-color: #333;
}

img {border: 0;}

.header {width:100%; position:relative; background-color: #fff;}
.footer {color: #fff; font-size: 11px; line-height: 24px; text-align: center; width: 85%; margin-top: 20px; margin-bottom: 20px; }
.footer a {font-size: 12px; font-weight: bold; text-decoration: none; color: #fff; margin-left: 5px; margin-right: 5px;}
.footer a:hover {text-decoration: underline;}

.logo{  float:left; width: 270px; text-align:left;}
.logo a{ display: block; margin:20px 0 10px 15px;}
.logo img {border:none;}

.banner {max-width: 490px; text-align:center; margin-top: 15px; float: left; overflow: hidden; }

.headMenu {float:right; text-align:right; width:250px; }
.headMenu span {display:block; font-family:Verdana; font-size:13px; line-height: 49px; margin-top:15px; margin-bottom: 15px; margin-right: 20px; color:#a09f9f; white-space:nowrap;}
.headMenu a {font-weight:bold; text-decoration:none; color:#a09f9f}
.headMenu a:hover { text-decoration:underline;}

.topMenu {width:100%; height:42px; background-image:url(../images/topMenuBckground.gif); background-repeat:repeat-x; background-position:left bottom; list-style:none;}

.topMenu .topMenuItem, .topMenu .topMenuItemSelected {float: left; font-family:Tahoma; font-size:14px; color:#fff; text-align:center; font-weight:bold;}
.topMenu .topMenuItem a {display:block; border-right:1px solid #ca9514; border-left:1px solid #f3ad15;
	 margin-bottom:1px; margin-top:4px; height:37px;  white-space:nowrap;
	 line-height:37px; color:#fff; text-decoration:none; padding:0;
	 }
.topMenu .topMenuItem a:hover {text-decoration: none; color: #5b5a5a; background-image:url(../images/topMenuBckground_hover.gif); background-repeat:repeat-x; background-position:left bottom;}
.topMenu .topMenuItemSelected {background-color:#333; background-image:url(../images/topMenuSelCornerLeft.gif); background-repeat:no-repeat; background-position:left top;}
.topMenu .topMenuItemSelected a {display:block; line-height:42px;background-image:url(../images/topMenuSelCornerRight.gif); background-repeat:no-repeat; background-position:right top;  color:#fff; text-decoration:none; padding:0 20px;}
.blackContent{ width:100% ; background-color:#333; padding-top:15px; padding-bottom:15px;}


.profileBox {float:right; width:220px;  margin-bottom:10px;
	 background-image:url(../images/ProfileBox_Closed.gif); background-repeat:no-repeat; background-position:center top;
	 font-size:19px; line-height:32px; color:#333; font-weight:bold; position:relative; cursor: pointer;}
	
.profileContainer {height: 0px; margin-top:28px;margin-bottom:4px; overflow:hidden; background-color:White}	
 
#subcontent {background-image:url(../images/ProfileBox_Bottom.gif); float:right; zoom:1; background-repeat:no-repeat; background-position:center bottom; 
               border-top: none; border-left: none; background-color: white; width: 220px;}	 
#subcontent .bottom {height: 80px; }
#subcontent .loginControl {margin-top: 15px; margin-left: 15px; font-size: 11px; font-weight: bold; line-height: 21px;}
#subcontent .loginControl input[type="text"] {width: 185px; height: 22px; line-height: 22px; padding-left: 3px; }
#subcontent .loginControl input[type="password"] {width: 185px; height: 22px; line-height: 22px; padding-left: 3px;}
#subcontent .loginFooter {height: 37px; margin-top: 10px;}
#subcontent .loginFooter div {float: left;}
#subcontent .loginFooter a {font-family:Verdana; font-size:11px; font-weight: normal; color: #a39e9e; text-decoration: underline;}
#subcontent .loginFooter a:hover {text-decoration: none;}

#subcontent .userMenu {margin: 20px; margin-bottom:60px; font-size: 12px; line-height: 21px;}
#subcontent .userMenu ul {list-style-image:url(../images/bullet.gif); margin-top: 8px; }
#subcontent .userMenu ul li {margin-left: 30px; background-image: none; padding: 0px; vertical-align: middle;}
#subcontent .userMenu ul li a {color: #333; font-size: 11px; text-decoration: none;}
#subcontent .userMenu ul li a:hover {text-decoration: underline;}
#subcontent .registerMenu {line-height: 45px; }
#subcontent .registerMenu a {line-height: 45px; font-size: 14px; color: #fff; text-decoration: none; }
#subcontent .registerMenu a:hover {text-decoration: underline;}


/*--- NE DIRAJ ovdje košaricu zbog topica nego je odi popravi u topic----*/
.cartBox {width: 215px; height: 91px; margin:10px 5px 20px 0; float:right;}
.cartBox .top {height: 25px; background-image:url(../images/CartBox_Top.gif); background-repeat:no-repeat; background-position:center top;}
.cartBox .middle {height: 30px; background-image:url(../images/CartBox_Middle.gif); background-repeat:no-repeat; 
    background-position:center center; }
.cartBox .middle span {display: block; margin-left: 57px; *margin-top: 9px; padding-top: 9px; *padding-top: 0px; font-size: 11px; }
.cartBox .bottom {height: 36px; background-image:url(../images/CartBox_Bottom.gif); background-repeat:no-repeat; background-position:center bottom; text-align: center;}


.leftColumn {margin-left:12px; float:left; *zoom: 1; width:193px;}
.topicContainer {float:left; width:193px}
.topicContainer { position:relative;line-height:32px; height:32px; background-image:url(../images/TopicsMenu_HeaderImg.gif);  background-repeat:no-repeat;background-position:center top; cursor: pointer; }
#topicWrapper  { position:absolute; overflow:hidden; margin-top:28px; width:100%; /* float:left;*/ z-index: 3000;}
.topic  {background-color:#eaece7; padding-top: 15px; }

.topic ul {font-family:Verdana; font-size:12px; font-weight: normal; line-height:28px;  }

.topic ul li {list-style-type:none;	 text-indent: 12px; height:28px; overflow:hidden; cursor: pointer;}
.topic ul li:hover {background: #bcbea9; color: #fff;  }
.topic ul li.selected {background: #bcbea9; color: #fff; font-weight:bold; }

.topic ul li a {font-size: 12px; text-decoration: none; color: #333;}
.topic ul li a:hover {color: #fff;}

.bannerBar {}
.bannerBar img {margin-bottom: 10px; border: 0;}

.rightBarList{float:left; width:100%}


li.innertopic  {padding-left:10px;}

.topic ul div {height:0px; overflow:hidden; background: #bcbea9;}


.topicsBoxFooter {background-image:url(../images/topicBoxCornerBottom_black.gif); height:4px; }

.feedbackBox {width: 590px; float: left; margin-right: 20px; padding-bottom: 5px; line-height: 25px; border: solid 1px #dadada;}
.feedbackBox #innerContainer {margin: 15px;}
.feedbackBox #innerContainer div {white-space: nowrap;}
.feedbackBox #innerContainer a {color: Gray; text-decoration: none;}
.feedbackBox #innerContainer a:hover {text-decoration: underline;}
.feedbackBox .importantMsg {color: Red;}
.feedbackBox legend {font-family: Franklin Gothic Book, Verdana; font-size: 18px; font-weight: bold; padding-left: 3px; padding-right: 3px; color: #61a301;}
.feedbackBox label {font-size: 12px; font-weight: bold;}
.feedbackBox input[type="text"] {width: 95%; height: 26px; line-height: 26px; padding-left: 3px; }
.feedbackBox input[type="password"] {width: 95%; height: 26px; line-height: 26px; padding-left: 5px;}
.feedbackBox input[type="image"] {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }
.feedbackBox .textbox {width: 95%; line-height: 19px; padding-left: 3px; font-family: Verdana;}