* {
margin: 0;
padding: 0;
border: none;
}
body {
background: #fff url(../img/bodyBg.jpg) repeat-x left top;
font-family: Trebuchet MS;
color: #000;
}
a {
color: #1b73b3;
text-decoration: none;
}
.container {
width: 980px;
margin: 0 auto 10px auto;
background: url(../img/containerBg.jpg) no-repeat left top;
}
.header {
background: url(../img/headerBg.gif) no-repeat left bottom;
height: 72px;
position: relative;
z-index: 1000;
}
.logo {
position: absolute;
top: 10px;
left: 10px;
z-index: 10000;
}
ul {
list-style: none;
}
.headerMenuContainer {
background: url(../img/headerMenuContBg.png) no-repeat left top;
height: 32px;
width: 700px;
position: absolute;
right: 20px;
bottom: 6px;
font-size: 13px;
z-index: 10;
}
.headerMenuContainer ul {
height: 32px;
list-style: none;
zoom:1;
position: relative;
}
.headerMenuContainer ul li {
float: left;
height: 32px;
margin: 0;
zoom:1;
position: relative;
}
.headerMenuContainer ul li a {
color: #1b73b3;
text-decoration: none;
display: block;
height: 22px;
padding: 8px 10px 0 10px;
position: relative;
z-index: 1000000;
}
.headerMenuContainer ul li a:hover {
color: #c61d6e;
}
.headerMenuContainer ul li.selected {
background: url(../img/headerMenuActR.gif) no-repeat right top;
padding: 0px 9px 0 0px;
margin-right: 8px;
}
.headerMenuContainer ul li.selected a {
background: url(../img/headerMenuActL.gif) no-repeat left top;
color: #fff;
text-decoration: none;
display: block;
height: 24px;
padding: 8px 5px 0 14px;
}
.headerMenuContainer ul li.selected a:hover {
color: #fff;
}
.contentContainer {
background: url(../img/contentBg.png) repeat-y left top;
padding: 0 10px;
}
.contentContainer h1 {
color: #f10fbf;
font: 28px Georgia;
font-style: italic;
margin-bottom: 10px;
}
.contentContainer .introArticle {
padding: 18px 26px 18px 323px;
position: relative;
z-index: 1;
}
.contentContainer .introArticle h1 {
color: #f10fbf;
font: 28px Georgia;
font-style: italic;
margin-bottom: 0px;
}
.contentContainer .introArticle p {
font-size: 12px;
line-height: 19px;
}
.contentContainer .introArticle p a {
color: #1b73b3;
font-weight: bold;
text-decoration: none;
}
.contentContainer .introArticle p a:hover {
text-decoration: underline;
}

.contentContainer .groupHeader {
padding: 0px 26px 22px 323px;
position: relative;
z-index: 2;
}
.contentContainer .searchBar {
background: url(../img/searchBarBg.gif) repeat-x left top;
height: 25px;
margin: 0 20px 10px 90px;
color: #1b73b3;
font: bold 11px Georgia;
font-style: italic;
padding: 11px 0 0 120px;
position: relative;
z-index: 1;
width: 730px;
}
.contentContainer .searchBar .groupImg {
position: absolute;
top: -22px;
left: -104px;
z-index: 2;
}
.contentContainer .searchBar .introImg {
position: absolute;
top: -160px;
left: -107px;
z-index: 1;
}
.contentContainer .searchBar a {
color: #1b73b3;
text-decoration: none;
position: relative;
z-index: 1000;
}
.loginFormSrch {
position: absolute;
width: 300px;
z-index: 10000;
}
.contentContainer .searchBar a:hover {
text-decoration: underline;
}
.contentContainer .searchBar .searchBox {
background: url(../img/searchBarBgR.gif) no-repeat right top;
width: 298px;
position: absolute;
right: 0;
top: 0;
text-align: right;
padding: 8px 10px 0 0;
color: #8a892e;
height: 28px;
}
.contentContainer .searchBar .searchBox span {
float: left;
margin: 2px 5px 0 0;
}
.contentContainer .searchBar .searchBox .input {
border: 1px solid #edec73;
border-right: none;
background: #fff;
font: 11px Trebuchet MS;
color: #8a892e;
width: 176px;
padding: 2px 2px 0 2px;
height: 16px;
float: left;
}
.contentContainer .searchBar .searchBox .btn {
float: left;
}
.contentContainer .leftContainer {
float: left;
width: 192px;
position: relative;
z-index: 1000;
}
.contentContainer .leftContainer .contactBox {
color: #858585;
font-size: 10px;
line-height: 14px;
background: url(../img/contactBoxBg.png) no-repeat left top;
height: 83px;
margin-top: 30px;
padding: 15px 20px;
}
.contentContainer .leftContainer .contactBox h3 {
color: #1b73b3;
font: bold 10px Trebuchet MS;
}
.izdvojeno {
border: 1px solid #cae3e4;
background: #f0f9f9;
padding: 10px;
margin: 6px 0 10px 0;
color: #000;
text-align: center;
font-size: 11px;
}
.detailsArticleGroup {margin: 6px 0 14px 0; background: #f0f9f9; border: 1px solid #cae3e4; padding: 4px 10px; font: 10px Tahoma;}
.marketPlacePaging {border: 1px solid #cae3e4;background: #f0f9f9;padding: 10px;margin-bottom: 10px;color: #000; text-align: center; position: relative; z-index: 1;font-size: 11px;}
.marketPlacePaging .first {position: absolute; left: 10px;}
.marketPlacePaging .last {position: absolute; right: 10px;}


.detailsArticleGroup {margin: 0 0 14px 0; background: #fffed4; border: 1px solid #e4e4e4; padding: 4px 10px; font: 10px Tahoma;}
.detailsTop {background: #f7f7f7; border: 1px solid #e4e4e4; padding: 10px; margin-bottom: 20px;}
.detailsImg {background: #fff; border: 1px solid #e4e4e4; float: left;}
.detailsStamp {position: absolute; top: 6px; left: 6px; z-index: 500;}
.detailsTextSmall {width: 490px; padding: 0 0 0 10px; float: right; position: relative;}
.detailsTextSmall h1 {font: bold 18px Trebuchet MS, sans-serif;color: #0774A4;border-bottom: 1px solid #a1c3de; padding: 0;	margin: 0 0 10px 0; text-align: left;}
.detailsTextSmallLeft {width: 490px; float: left;}
.detailsTextSmallLeft .shippingInfo {font: 10px Tahoma; color: #494949; margin-bottom: 6px; background:url(design/shippingInfo.gif) no-repeat left bottom; height: 45px; padding-left: 55px;}
.detailsTextSmallRight {width: 130px; float: left; text-align: right}
.detailsTextSmall p {margin: 0; padding: 0; margin-bottom: 12px; font: 14px Georgia; line-height: 20px;}
.detailsText {padding: 0 10px;position: relative; margin-bottom: 20px; font-size: 12px; line-height: 18px;}
.detailsPrice {font: 22px Georgia; color: #1B73B3; position: relative;}
.detailsPrice .oldPrice {color: #ee3f3f;text-decoration: line-through;margin-left: 10px; font-size: 16px;}
.detailsPrice .addToCart {position: absolute; right: 0; top: 0;}
.detailsLeft {width: 180px; margin-left: 10px; float: left;}

.detailsMoreItems {width: 213px; padding: 10px 6px 0 6px; text-align: left; border-bottom: 1px solid #d4d4d4; float: left; height: 160px;}
.detailsMoreItems h2 {font: bold 11px Tahoma; color: #03528b; margin: 0 0 10px 0;}
.detailsMoreItems h2 a {color: #03528b; text-decoration: none;}
.detailsMoreItems h2 a:hover {color: #000; text-decoration: underline;}
.detailsMoreItems .description {font: 10px Tahoma; color: #000; margin-left: 97px; height: 89px;}
.detailsMoreItems .itemImg {float: left; margin-right: 10px; width: 87px;}
.detailsMoreItems .price {font: bold 16px Trebuchet MS; color: #03528b; margin: 6px 0 4px 0; clear: both; text-align: right;}

.cartTbl {
width: 708px;
border: none;
font-size: 11px;
margin-bottom: 20px;
}
.cartTbl td {
padding: 6px 4px 6px 4px;
background: url(../img/dottedLineH2.gif) repeat-x bottom left;
}
.cartTbl .cartTblHeader td {
font-weight: bold;
background: url(../img/cartHeadBg.gif) repeat-x bottom left;
color: #0d4975;
}
.cartTbl .kolicina {
font: bold 11px Trebuchet MS, sans-serif;
color: #0774a4;
background: #FFF;
border: 1px solid #166ba9;
text-align: center;
width: 26px;
float: left;
}
.cartTbl td.kosaricacijena {
font: 11px Trebuchet MS, sans-serif;
color: #000000;
text-align: right;
width: 84px;
padding-right: 10px;
}
.cartTbl td .oldPrice {
color: #ee3f3f;
text-decoration: line-through;
margin-left: 10px;
}
#linkKosaricaObrisi {
text-indent: -2000em; 
text-decoration: none;
display: block;
margin: 0 auto 0 auto;
width: 23px;
height: 24px;
float: left;
background: url(../img/cartRemove.gif) no-repeat;
}
#linkKosaricaObrisi:hover {
background-position: right top;
}
.cartTbl td a:hover{
text-decoration: underline;
}
.kosaricaMinus {
text-indent: -2000em; 
text-decoration: none;
display: block;
margin: 0 3px 0 5px;
width: 12px;
height: 20px;
background: url(../img/kosarica_minus.gif) no-repeat left top;
float: left;
outline: none;
}
.kosaricaMinus:hover {
background-position: right top;
}
.kosaricaPlus {
text-indent: -2000em; 
text-decoration: none;
display: block;
margin: 0 auto 0 3px;
width: 12px;
height: 20px;
background: url(../img/kosarica_plus.gif) no-repeat left top;
float: left;	
outline: none;	
}
.kosaricaPlus:hover {
background-position: right top;
}
.cartFootBox {
border: 1px solid #fffa6e;
background: #fffdc8;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
margin-top: 4px;
color: #000;
text-align: right;
}
.cartFootBox p {
display: block;
height: 20px;
width: 170px;
margin: 0 0px 2px auto;
font-weight: bold;
}
.cartFootBox p strong {
float: left;
width: 80px;
display: block;
height: 20px;
}
.cartNavBtn {
display: block;
margin-right: 5px;
float: left;
}
.groupViewLink {
display: block;
background: #f0f9f9;
border: 1px solid #cae3e4;
color: #0875a5;
font: bold 13px Trebuchet MS;
padding: 5px 10px;
text-decoration: none;
margin-bottom: 5px;
}
.groupViewLink:hover {
background: #fff;
text-decoration: none;
color: #0875a5;
}
.loginBoxLeft {width: 280px; height: 290px; float: left; text-align: left; background: #fffed4; border: 1px solid #e4e4e4; border-left: none; padding: 10px 10px 10px 20px; font-size: 11px;}
.loginBoxLeft h2 {font-size: 14px !important; color: #f10fbf; margin: 0 0 14px 0;}
.loginBoxRight {text-align: left; width: 375px; height: 290px; float: left; background: #f7f7f7; border: 1px solid #e4e4e4;  padding: 10px; font-size: 11px;}
.loginBoxRight ul {
margin: 0 20px;
padding: 0;
}
.loginBoxRight ul li {
list-style: square outside;
line-height: 18px;
}
.loginBoxRight h2 {font-size: 14px !important; color: #f10fbf; margin: 0 0 14px 0;}
.loginBoxRight p {margin: 0; padding: 0; line-height: 18px;}

.input {
font: 11px Trebuchet MS, sans-serif;
color: #000000;
text-decoration: none;
background: #fff;
border: 1px solid #94c4c7;
padding-left: 2px;
}
.registrationTbl {
width: 700px;
border: none;
}
.registrationTbl td {
padding: 2px;
}
.formagumb {
font: bold 11px Trebuchet MS, sans-serif;
color: #000000;
background: #fce78e url(../img/btnBack.gif) repeat-x top;
border: 1px solid #949494;
height: 24px;
width: 140px;
cursor: pointer;	
}
.narudzbaKorak {
font: 28px Georgia, sans-serif;
color: #1B73B3;
position: absolute;
right: 0px;
top: -3px;
font-style: italic;
margin: 0 0 0px 0;
width: 100px;
text-align: right;
}
.narudzbaText {
font: 14px Trebuchet MS, sans-serif;
color: #55a4dd;
}
/***** LEFT MENU *****/	
#nav {margin: 0 0 10px 0;}
#nav ul {padding: 0; margin: 0; list-style: none; float: left; font: bold 11px Trebuchet MS; color: #fff;}
#nav li {margin: 0; padding: 0; position: relative; z-index: 10000; float: left; height: 34px; width: 192px; text-align: left; margin-bottom: 3px;}
#nav li ul {position: absolute; z-index: 10000; left: -999em; border: 1px solid #c6dfeb; background:#dfedf9; margin-left: 192px; margin-top: -33px;}
#nav li ul ul {left: -999em; margin-top: -29px;}
#nav li ul li {height: 28px; margin: 0;}

#nav li a {text-decoration:none; color: #1b73b3; height:24px; padding: 10px 5px 0 19px; display:block; background:url(../img/leftMenuBg.gif) no-repeat left top;}
#nav li a:hover {color: #1b73b3; background: url(../img/leftMenuBgHover.gif) no-repeat left top;}

#nav li ul li a {text-decoration:none; color:#3e7ca9; height:27px; line-height:27px; border-bottom: 1px solid #c6dfeb; padding: 0 8px; display:block; background:#fff;}
#nav li ul li a:hover {color:#3e7ca9; background: #fdfcaf;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;background-position: 0 0;}
#nav li a.submenu {background: #fff url(../img/submenuBullet.gif) no-repeat 180px; }
#nav li a.submenu:hover {background: #fdfcaf url(../img/submenuBullet.gif) no-repeat 180px; }

/***** END LEFT MENU *****/

.contentContainer .rightContainer {
margin: 0 30px;
float: left;
width: 708px;
font-size: 11px;
min-height: 500px;
position: relative;
z-index: 100;
}
.contentContainer .rightContainer h2 {
color: #f10fbf;
font: 20px Georgia;
font-style: italic;
margin-bottom: 4px;
}
.contentContainer .rightContainer h3 {
color: #1B73B3;
font: 14px Georgia;
font-style: italic;
margin-bottom: 4px;
}
.contentContainer .rightContainer  ul {
margin: 0 20px;
padding: 0;
}
.contentContainer .rightContainer  ul li {
list-style: square outside;
line-height: 18px;
}

.contentContainer .rightContainer .productListContainer {
margin: 0 20px 20px 0;
float: left;
width: 344px;
}
.contentContainer .rightContainer .productListContainer .productImg {
border: 1px solid #bcdae7;
float: left;
}
.contentContainer .rightContainer .productListContainer .productListInfo {
float: left;
margin-left: 10px;
width: 230px;
font-size: 11px;
}
.contentContainer .rightContainer .productListContainer .productListInfo a {
margin-bottom: 3px;
font-weight: bold;
}
.contentContainer .rightContainer .productListContainer .productListInfo a:hover {
text-decoration: underline;
}
.contentContainer .rightContainer .productListContainer .productListInfo .price {
color: #1b73b3;
font: 20px Georgia;
}
.contentContainer .rightContainer .productListContainer .productListInfo .price .oldPrice {
color: #ee3f3f;
font: 12px Georgia;
text-decoration: line-through;
margin-left: 10px;
}
.contentContainer .rightContainer .newsContainer {
background: url(../img/separatorBg.png) no-repeat center top;
margin: -16px 0 20px 0;
padding: 40px 0 0 0;
}
.contentContainer .rightContainer .newsListContainer {
margin: 0 0px 10px 0;
float: left;
width: 324px;
padding: 0 30px 10px 0;
font-size: 11px;
background: url(../img/dottedLine.gif) repeat-x left bottom;
}
.contentContainer .rightContainer .newsListContainer .date {
font: 10px Tahoma;
color: #949595;
}
.contentContainer .rightContainer .newsListContainer .newsTitle {
display: block;
margin-bottom: 3px;
font-weight: bold;
}
.contentContainer .rightContainer .newsListContainer .newsTitle:hover {
text-decoration: underline;
}
.contentContainer .rightContainer .newsListContainer p a {
font-weight: bold;
}
.contentContainer .rightContainer .newsText {
margin: 0 0 50px 0;
font-size: 12px;
line-height: 18px;
}
.contentContainer .rightContainer .newsText img {
margin: 0 10px 10px 0;
}
.contentContainer .rightContainer .newsDate {
font-size: 11px;
color: #949595;
display: block;
}
.footer {
color: #c2daec;
font: 10px Tahoma;
text-align: right;
background: url(../img/footerBg.gif) no-repeat left top;
height: 17px;
padding: 5px 10px 0 0;
margin-top: 30px;
width: 950px;
}