/*	Smiješak CSS - Layout
*/

/*	Defaults
*/

body {
}

div, ol, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, textarea, input, select, label, blockquote, form, fieldset, legend 
{ position: relative; float: left; }

a img {
	padding: 0;
	margin: 0;
	border: 0;
}

p, fieldset 
{ width: 100%; }

h2 span,
h3 span { position: relative; float: left; }

/*	Wrappers
*/
div#wrapper {
  width: 976px;
  margin: 0 0 0 -488px;
  left: 50%;
}

div#header { 
  width: 946px; 
  padding: 0 15px;
}
div#home div#header { height: 520px; }

div#mainContent { width: 950px; padding: 0 13px; }
body#home div#mainContent { width: 976px; padding: 0; }

div#footer {
  display: inline;
  width: 946px;
  height: 26px;
  padding: 0 15px;
  margin: 0 0 220px 0; /* Promjeniti u visinu trake */
}
body#homePromo div#footer,
body#home div#footer { height: 65px; margin: 60px 0 10px 0; }

/*	Forms, Fieldsets & Legends
*/
form#loginForm {
  clear: left;
  width: 289px;
  padding: 0 10px 10px 10px;
  margin: 19px 0 20px 0;
}
body#home form#loginForm,
body.promo form#loginForm { float: right; clear: right; margin-top: 29px; }

form#searchForm { width: 946px; padding: 35px 15px 15px 15px; }
div#userBar form#searchForm { width: 290px; padding: 0 10px 10px 10px; }

form#profileForm { width: 640px; clear: left; }
form#registrationForm { width: 640px; margin: 0 0 60px 0; clear: left; }

form#albumNewForm { clear: left; margin: 0 0 5px 0; }

form#guestForm { 
  clear: left;
  width: 570px;
  margin-top: 29px;
  padding: 0 10px 10px 10px;
}

div.column { position: relative; float: left; width: 280px; }
div.first { margin: 0 80px 0 0; }
body#thanksPromo div.column { margin-bottom: 50px; margin-top: 20px; }
form#guestForm div.column { float: right; width: 277px; }
form#guestForm div.first { float: left; margin: 0; }

form.userForm div.column,
form#registrationForm div.column { width: 290px; padding: 0 30px 0 0; margin: 0; }
div.column ul,
div.column ul li { width: 100%; min-height: 25px; margin: 0; }

form.userForm fieldset,
form#registrationForm fieldset { width: 290px; margin: 30px 0 0 0; }

form.userForm fieldset legend,
form#registrationForm fieldset legend { width: 100%; margin: 0 0 10px 0; padding: 0; text-indent: 0; }

form.userForm fieldset.submit,
form#registrationForm fieldset.submit { float: right; width: 290px; padding: 0 30px 0 0; }

form#orderForm fieldset.submit { margin: 0 0 50px 0; }

/*	Inputs, Labels & Error Messages
*/
input.text { 
  border: 0;
  height: 17px;
  padding: 7px 6px;
  overflow: hidden;
  clear: left;
}

input.button { 
  border: 0; 
  padding: 0;
  text-indent: -9999px; 
  overflow: hidden;
  display: block;
  font-size: 0em;
  line-height: 0;
}

input.radio {
  border: 0;
  padding: 0;
  margin: 0 0.5em 0 0;
}

form.userForm span.error,
form#registrationForm span.error,
form#guestForm span.error {
  position: relative;
  float: left;
  width: 100%;
}

span#friendInviteStatus,
span#friendSendStatus,
span#albumNewStatus { 
  position: relative;
  float: left;
  margin: 5px 0 0 5px;
}
span#albumNewStatus { clear: left; margin: 6px 0 0 0; }

input.checkbox { margin: 0; }

input#fileInput { display: none; }

form#loginForm input.text { width: 277px; margin: 0 0 7px 0; }

form#guestForm input.text { width: 265px; margin: 0 0 7px 0; }

form#albumNewForm input.text,
input#orderCode { width: 188px; }

input#orderCode { margin: 5px 0 35px 0; }

form#searchForm input.text { width: 303px; }
div#userBar form#searchForm input.text { width: 184px; }

form#loginForm input#loginSubmit { float: right; width: 88px; height: 28px; }

form#loginForm label { margin: 0 0 0 5px; }

form#searchForm input#searchSubmit { width: 88px; height:29px; margin: 1px 0 0 10px; }
div#userBar form#searchForm input#searchSubmit { width: 88px; height:29px; margin: 1px 0 0 5px; }

/* Zamjeniti s klasama !!! */
form.userForm label,
form#registrationForm label { padding: 0 0 2px 0; width: 100%; }
form.userForm label.inline,
form#registrationForm label.inline { width: auto; margin: 0 10px 0 0; }

form.userForm input.text,
form#registrationForm input.text { width: 278px; margin: 0 0 5px 0; clear: left; }

form.userForm input.userAvatar,
form#registrationForm input#registrationAvatar { width: 91px; height: 21px; margin: 0 0 0 5px; }

form.userForm select,
form#registrationForm select { margin: 0 3px 0 0; padding: 0; }
form.userForm select.userBirthDay,
form#registrationForm select#registrationBirthDay,
form.userForm select.userBirthMonth,
form#registrationForm select#registrationBirthMonth { width: 45px; }
form.userForm select.userBirthYear,
form#registrationForm select#registrationBirthYear { width: 85px; }

form.userForm fieldset.submit label,
form#registrationForm fieldset.submit label { height: 15px; padding: 6px 0; }

form.userForm input.userSubscription,
form#registrationForm input#registrationSubscription { margin-right: 5px; }

form.userForm input.userSubmit,
form#registrationForm input#registrationSubmit { width: 88px; height: 29px; float: right; }

input.spremi { width: 88px; height: 29px; margin: 1px 0 0 5px; }

form#friendInviteForm label, form#friendSendForm label { font-size: 0.92em; margin: 5px 0 0 0; }

textarea#friendInviteEmails {  
  padding: 7px 6px;
  margin: 7px 0 0 0;
  width: 278px; 
  height: 56px;
  border: 0;
}

textarea#friendSendEmails {  
	background: url("/img/inputTextarea230.png") no-repeat scroll 0 0 transparent;
  padding: 7px 6px;
  margin: 7px 0 0 0;
  width: 230px; 
  height: 56px;
  border: 0;
}

input#orderSubmit { width: 112px; height: 37px; }

input.posalji { width: 73px; height: 28px; margin: 8px 0 0 0; }

input#guestSubmit { float: right; margin: 0 0 0 0; }

ul#albums li h3 span input,
ul#album li h4 input { 
border: 0 !important;
padding: 3px 0 0 0 !important;
margin: 0 0 0 4px !important;
height: 16px !important;
}

/*	Headings
*/
h1#logo,
h2#logo,
h2 span,
h2.postaniKorisnik,
h2.javniAlbumi,
h2.noviKorisnik,
h2.urediProfil,
h2.mojiAlbumi,
h2.besplatneFotografije,
h2.albumiPrijateljaJavni,
h3.besplatnuFotografijuPoklanja,
h2.ljudi,
div#developRibbon ul.tabs li h2,
h2.pregledNarudzbe,
h2.anketa,
h2.korisneInformacije,
h2.poveziSe,
h2.album,
h2.podaciZaDostavu,
h2.josSamoMalo,
h2.hvala,
h2.fbConnect,
h2.mojiPrijatelji,
h2.zastoSeReg
{ text-indent: -9999px; overflow: hidden; }

h1#logo {
  width: 100%;
  height: 112px;
  margin: 20px 0 0 0;
  z-index: 2;
}
h1#logo a {
  position: absolute;
  left: 0;
  top: 0;
  width: 282px;
  height: 112px;
}

h2#logo {
  float: right;
  width: 290px;
  height: 69px;
  margin: 15px 3px 15px 0;
}
h2#logo a {
  position: absolute;
  left: 0; 
  top: 0;
  width: 290px;
  height: 69px;
}

body#homePromo h2#logo { 
  position: absolute;
  margin: 0;
  bottom: 12px;
  right: 10px;
  width: 293px; 
  height: 84px; 
}
body#homePromo h2#logo a {
  width: 293px; 
  height: 84px; 
}

div#userBar .userBox h2,
h2.ulazZaKorisnike,
form#loginForm h3,
form#guestForm h3 { display: inline; width: 290px; height: 22px; padding: 10px 10px 0 10px; margin: -32px -10px 10px -10px; }
form#guestForm h3 { width: 570px; }

h2.postaniKorisnik       { width: 156px; height: 16px; margin: 0 0 10px 0; clear: both; }
h2.javniAlbumi           { width: 125px; height: 15px; margin: 20px 0 10px 15px; clear: both; }
h2.noviKorisnik          { width: 125px; height: 16px; margin: 30px 0 0 0; clear: both; }
h2.urediProfil           { width: 100%; height: 18px; margin: 30px 0 0 0; clear: both; }
h2.mojiAlbumi            { width: 111px; height: 18px; margin: 30px 0 10px 0; }
h2.besplatneFotografije  { width: 640px; height: 18px; margin: 20px 0 10px 0; }
h2.albumiPrijateljaJavni { width: 450px; height: 15px; margin: 30px 0 10px 0; }
h2.ljudi                 { width: 100%; height: 19px; margin: 30px 0 10px 0; }
h2.pregledNarudzbe       { width: 175px; height: 18px; margin: 30px 0 10px 0; }
h2.anketa                { width: 70px; height: 16px; margin: 0 0 10px 0; }
h2.korisneInformacije    { width: 100%; height: 18px; margin: 30px 0 10px 0; }
h2.poveziSe    { width: 100%; height: 18px; margin: 30px 0 10px 0; }
h2.album                 { width: 64px; height: 15px; margin: 20px 0 10px 3px; }
h2.podaciZaDostavu       { width: 180px; height: 15px; margin: 20px 0 0 3px; }
h2.hvala                 { width: 53px; height: 15px; margin: 20px 0 0 3px; }
h2.mojiPrijatelji        { width: 100%; height: 18px; margin: 30px 0 10px 0; }

body#publicAlbums h2.javniAlbumi,
body#publicPhoto h2.javniAlbumi,
body#search h2.javniAlbumi { margin: 20px 0 10px 0; }
body#publicPhoto h2.javniAlbumi,
body#publicAlbums h2.javniAlbumi { width: 100%; }
body#friendsPhoto h2.albumiPrijateljaJavni { width: 296px; }

div#userBar .userBox h2 span,
h2.ulazZaKorisnike span { width: 100%; }
h2.ulazZaKorisnike span { height: 15px; }
div#userBar h2.pronadiAlbumeILjude span { height: 18px; }
div#userBar h2.kvota span { height: 14px; }
div#userBar h2.prijatelji span { height: 19px; }
div#userBar h2.krediti span { height: 15px; }
div#userBar h2.aktivnosti span { height: 16px; }
div#userBar h2.hvala span { height: 15px; }
div#userBar h2.zastoSeReg span { height: 24px; }
div#userBar h2.fbConnect span { height: 22px; }
div#userBar h2.dobrodosli span { height: 15px; }
div#userBar h2.josSamoMalo span { height: 15px; }

ul#publicAlbums h3 { display: none; }

div#userBar div.userBox h3 { width: 100%; }

ul#albums li h3 { display: inline; width: 175px; padding: 15px 0 0 0; margin: 0 0 0 20px; }
ul#albums li h3 span { width: 155px; padding: 0 10px 3px 10px; }

body#checkout h3 { clear: left; }
body#usefulInfo h3 { width: 100%; margin: 0 0 10px 0; }

ul#album li h4 { width: 148px; padding: 0 5px; }

div#info h3 { width: 350px; }

div#info h3.besplatnuFotografijuPoklanja { width: 125px; height: 26px; }

/*	Paragraphs & Blockquotes
*/
div#registration p { margin: 0 0 10px 0; }

form.userForm p,
form#registrationForm p { width: 290px; padding: 0 15px; margin: 20px 0 0 0; }

div#footer p { float: right; width: 30%; padding: 6px 0 0 0; }

div#developRibbon p { padding: 0 0 0 23px; width: 700px; }

/*div#info p { max-width: 350px; clear: left; }*/
div#info p { float: none; clear: left; }
body#myAlbum div#info p { float: left; width: 350px;}

body#myAlbum div#albumInfo p { float: left; margin: 14px 0 5px 0; width: 100%; }

body#usefulInfo div#userContent p { margin: 0 0 10px 0; }

p.inapropriate { margin: 30px 0; }

p.noResults { margin: 30px 0 0 0; width: 550px; }

/*	Specific CSS
*/
div#intro,
div#intro ul,
div#intro ul li { width: 614px; height: 388px; z-index: 0;}

div#intro li,
div#intro li * { display: none; }
div#intro li.active { display: block; }

div#intro li img { display: block; width: 614px; }

div#intro li,
div#intro li img {position: absolute; left: 0px; bottom: 0px; z-index: 1;}

div#intro p.details { 
  display: block;
  position: absolute;
  bottom: 26px;
  right: 107px;
  width: 38px; height: 13px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2;
}

div#registration {
  clear: left;
  width: 289px;
  height: 131px;
  padding: 10px;
  margin: -10px 0 10px 0;
}
body#home div#registration {
  margin-top: 40px;
  float: right;
  clear: right;
}

ul#publicAlbums { width: 100%; }

ul#publicAlbums li.standard { 
  width: 150px; 
  height: 100px; 
  padding: 29px 12px 13px 25px; 
  margin: 0 8px 0 0;
}
ul#publicAlbums li.large { 
  width: 177px; 
  height: 118px; 
  padding: 34px 16px 13px 28px; 
  margin: -12px -9px -12px -17px;
}

ul#publicAlbums span { display: none; }

ul#publicAlbums li.standard a,
ul#publicAlbums li.standard a img { 
  position: relative;
  float: left;
  width: 150px; 
  height: 100px;
}

ul#publicAlbums li.large a,
ul#publicAlbums li.large a img { 
  position: relative;
  float: left;
  width: 177px; 
  height: 118px;
}

div#albumBaloon {
  height: 48px;
  padding: 0 0 0 0;
  position: absolute;
  z-index: 1;
  width: 400px;
  display: hidden;
}

div#albumBaloon h3 {
  position: absolute;
  left: 10px; top: 0;
  padding: 11px 10px 0 0;
  z-index: 2;
  display: block;
}

div#albumBaloon span {
  position: absolute;
  left: 10px; top: 11px;
  height: 17px;
  padding: 20px 10px 0 0;
  z-index: 1;
  display: block;
}

body#home form#searchForm span {
  position: relative;
  float: left;
  height: 31px;
  margin: 0 0 0 10px;
}
form#searchForm span.search {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}

img#profileAvatarImage, 
img#registrationAvatarImage { 
  position: relative;
  float: left;
  width: 50px; 
  height: 50px; 
  clear: left; 
}

form.userForm span.message,
form#registrationForm span.message {
  position: relative;
  float: left;
  width: 235px;
  margin: 13px 0 1px 5px;
}

div#userBar { 
  float: right; 
  width: 310px; 
  padding: 29px 0 0 0;
  margin: 0 0 20px -310px;
}
body#checkout div#userBar { height: 840px; }
body#registration div#userBar { height: 840px; }

/*div#userBar div.userBox { display: none; }
body.user div#userBar div.userBox { display: block; }*/

div#userBar .userBox { width: 290px; margin: 19px 0 20px 0; padding: 0 10px 10px 10px; }
div#userBar div#welcome { margin-top: 12px; }
/* IE7 MARGIN FIX - !!!??? */
div#userBar .last { margin: 19px 0 0 0; }

div#userFriends ul { width: 100%; }
div#userFriends ul#friendsList { overflow: hidden; }

div#userFriends ul li { width: 55px; height: 60px; margin: 0 5px 0 0; }

div#userFriends ul li img { width: 50px; height: 50px; padding: 5px 0; }

div#userQuota dl,
div#userQuota dl dd {
  width: 274px;
}
div#userQuota dl dt { width: 272px; padding: 0 0 0 2px; height: 11px; margin: 0 0 5px 0; }
div#userQuota dl dt span { 
  position: relative; 
  float: left; 
  height: 11px;
}

strong#creditCount { position: relative; float: left; width: 100%; }

span#welcome { 
  position: relative; 
  float: right; 
  width: 487px;
  padding: 0 0 5px 0;
  margin: -100px 0 0 0;
  z-index: 10;
}

div#info { width: 640px; margin: 0 0 15px 0; min-height: 120px; }
body#myPhoto div#info,
body#friendsPhoto div#info { margin: 0 0 0 0; }
body#checkout div#info { margin: 0 0 35px 0; }

body#myAlbums div#userInfo { float: right; width: 200px; margin: 30px 0 0 0; }
body#publicAlbum div#userInfo,
body#friendsPhoto div#userInfo,
body#publicPhoto div#userInfo,
body#publicAlbums div#userInfo { width: 230px; margin: 0 10px 0 0; }

ul#users { width: 630px; padding: 0 0 0 5px; }

ul#users li { width: 165px; margin: 0 38px 30px 0; }

div#userInfo img,
ul#users li img { 
  position: relative; 
  float: left; 
  width: 50px; 
  margin: 0 10px 0 0;
}

div#userInfo strong,
div#albumInfo strong,
ul#users li strong,
div#userInfo span,
div#userInfo a, 
div#albumInfo a { 
  position: relative;
  float: left;
}
div#albumInfo a { clear: left; }
div#userInfo span,
div#userInfo strong { width: 140px; }
body#publicAlbum div#userInfo strong,
body#friendsPhoto div#userInfo strong,
body#publicPhoto div#userInfo strong { width: 170px; }

ul#users li a {
  position: relative;
  float: left;
  width: 100px;
}

div#userContent { clear: right; width: 100%; }
body.user div#userContent,
body.promo div#userContent,
body#registration div#userContent { width: 640px; }
body#usefulInfo div#userContent { width: 550px; }
body#myAlbum div#userContent,
body#publicAlbum div#userContent { width: 640px; }
body#myAlbum.user div#userContent,
body#publicAlbum.user div#userContent { width: 100%; }

ul#albums { width: 100%; margin: 0 0 0 -20px; }

ul#albums li { width: 203px; padding: 0 0 20px 0; height: 230px; overflow: visible; }

ul#albums li strong.owner { 
  position: relative;
  float: left;
  width: 175px;
  padding: 5px 0;
  margin: 0 0 0 20px;
}

ul#albums li img { width: 165px; height: 110px; padding: 30px 13px 14px 25px; }

ul#sponsors { width: 100%; margin-bottom:50px; }

ul#sponsors li { width: 110px; height: 110px; margin: 0 10px 0 0; }

ul#sponsors li { width: 110px; height: 110px; }

body#myAlbum div#albumInfo { 
  display: inline;
  float: right; 
  width: 249px; 
  padding: 10px;
  margin: 35px 10px 0 10px;
  z-index: 10;
}
body#publicAlbum div#albumInfo { width: 230px; }

body#myAlbum div#albumInfo ul li { width: 100%; height: 18px; }
body#myAlbum div#albumInfo ul li a { padding: 0 0 0 17px; }

body#publicAlbum div#albumInfo span { position: relative; float: left; width: 100%; }

body#myPhoto div#albumInfo { clear: left; }
body#myPhoto div#albumInfo,
body#myPhoto div#albumInfo *,
body#publicPhoto div#albumInfo,
body#publicPhoto div#albumInfo *,
body#friendsPhoto div#albumInfo,
body#friendsPhoto div#albumInfo * { 
  position: relative; 
  float: left; 
  width: 230px; 
}

span.album { position: relative; float: left; width: 350px; }

span.visibility { 
  position: relative; 
  float: left; 
  width: 249px;
  height: 25px;
  padding: 10px 10px 0 10px;
  margin: -25px -10px 0 -10px;
}

ul#album { width: 644px; padding: 0 0 70px 0; margin: 0 -4px 0 0; }
body.user ul#album,
body.promo ul#album { width: 100%; }

ul#album li { width: 158px; height: 215px; margin: 0; }
ul#nextPhotos li,
ul#album li div { display: inline; width: 158px; height: 165px; }
ul#nextPhotos li.landscape,
ul#album li.landscape div { width: 158px; padding: 0; }
ul#nextPhotos li.landscape a.pngShadow,
ul#album li.landscape div a.pngShadow { margin: 50px 0 0 0; }
ul#nextPhotos li.portrait,
ul#album li.portrait div { width: 115px; height: 165px; padding: 0 25px 0 25px; }
ul#nextPhotos li.landscape img,
ul#album li.landscape div img { width: 150px; height: 100px; }
ul#nextPhotos li.landscape a.pngShadow,
ul#album li.landscape div a.pngShadow { padding: 7px 4px 8px 4px; }
ul#nextPhotos li.portrait img,
ul#album li.portrait div img { width: 100px; height: 150px; }
ul#nextPhotos li.portrait a.pngShadow,
ul#album li.portrait div a.pngShadow { padding: 7px 8px 8px 7px; }

div#photoSponsor { display: inline; float: right; width: 125px; margin: 30px 45px 0 0; }

div#photoSponsor ul { width: 125px; height: 110px; overflow: hidden; }

div#photoSponsor img { width: 110px; height: 110px; padding: 0 8px 0 7px; }

div#photo { display: inline; padding: 0 0 50px 0; }

div.landscape { width: 590px; }
div.landscape div.pngShadow { padding: 10px 10px 12px 10px; margin: 0 -10px; }
div.portrait { width: 393px; margin: 0 86px 0 89px; }
div.portrait div.pngShadow { padding: 10px 12px 10px 10px; margin: 0 -10px; }

ul#nextPhotos { margin: 0 -20px 0 0; }
ul#nextPhotos li { margin: 0 5px 0 -4px; }
ul#nextPhotos li.portrait { padding: 0 21px 0 22px; }

div#photo img { 
  position: relative;
  float: left;
}
div#photo.landscape img {
  width: 590px;
  height: 393px;
}
div#photo.portrait img {
  width: 393px;
  height: 590px;
}

div#photo.landscape span.caption,
div#photo.portrait span.caption { 
  position: relative;
  float: left;
  width: 400px;
}
div#photo.portrait span.caption { width: 200px; }
body.promo div#photo.landscape span.caption { width: 340px; }
div#photo.portrait span.caption { width: 140px; }

ul#photos { clear: left; }
ul#photos li { margin: 0 30px 30px 0; }
ul#photos li.landscape { width: 92px; height: 66px; padding: 13px 0; }
ul#photos li.portrait { width: 66px; height: 92px; padding: 0 13px; }
ul#photos li.landscape img { width: 80px; height: 53px; padding: 6px 6px 7px 6px; }
ul#photos li.portrait img { width: 53px; height: 80px; padding: 6px 7px 6px 6px; }

body#usefulInfo ul#photos li { display: inline; width: 158px; height: 165px; }
body#usefulInfo ul#photos li.landscape a.pngShadow { margin: 50px 0 0 0; padding: 7px 4px 8px 4px; }
body#usefulInfo ul#photos li.portrait a.pngShadow { padding: 7px 8px 8px 7px; }
body#usefulInfo ul#photos li.landscape { width: 158px; padding: 0; }
body#usefulInfo ul#photos li.portrait { width: 115px; height: 165px; padding: 0 25px 0 25px; }
body#usefulInfo ul#photos li.landscape img { width: 150px; height: 100px; padding: 0; }
body#usefulInfo ul#photos li.portrait img { width: 100px; height: 150px; padding: 0; }

body#checkout div#poll { 
  position: absolute;
  width: 200px;
  margin: 30px 100px 0 0;
  top: 0;
  right: 0;
}

body#checkout div#poll ul li { width: 100%; }

body#usefulInfo dl dd,
body#usefulInfo dl dt { width: 100%; }
body#usefulInfo dl dd { margin: 0 0 10px 0; }

div#footer ul { padding: 6px 0 0 0; }

div#footer ul li { padding: 0 10px 0 11px; }
div#footer ul li.first { padding: 0 10px 0 0; }

div#developRibbon {
  position: fixed;
  overflow: visible !important;
  width: 100%;
  bottom: 0;
  left: 0;
}
div.ribbonOpen { height: 173px; }
div.ribbonClosed { height: 15px; }

div#developRibbon ul.tabs {
  width: 1004px;
  margin: 0 0 0 -502px;
  left: 50%;
  z-index: 10;
}

div#developRibbon ul.tabs li#developmentQueue,
div#developRibbon ul.tabs li#orderOnWait,
div#developRibbon ul.tabs li#developmentQueueActive,
div#developRibbon ul.tabs li#orderOnWaitActive {
  width: 1004px;
  height: 147px;
  background: #E266AC;
  z-index: 0;
}
div#developRibbon ul.tabs li#developmentQueue { margin: 6px 0 -147px 0; }
div#developRibbon ul.tabs li#orderOnWait { margin: -147px 0 0 0; }

div#developRibbon ul.tabs li#developmentQueueActive { margin: 6px 0 0 0; z-index: 1; }
div#developRibbon ul.tabs li#orderOnWaitActive { margin: 6px 0 0 0 0; z-index: 1; }

ul#carousel { 
  width: 900px; 
  height: 97px;
  padding: 7px 0 0 0; 
  overflow: hidden;
  margin: 0 0 0 -3px;
}

ul#carousel li { margin: 0 7px 5px 0; }
ul#carousel li.landscape { width: 90px; height: 63px; padding: 14px 0 13px 0; }
ul#carousel li.portrait { width: 63px; height: 90px; padding: 0 13px 0 14px; }

ul#carousel li.landscape img { width: 80px; height: 53px; padding: 3px 5px 7px 5px; }

ul#carousel li.portrait img { width: 53px; height: 80px; padding: 5px 7px 5px 3px; }

ul#carousel li img {
  width: 80px;
  height: 53px;
  padding: 5px 0;
}

li#developmentQueueActive h2.fotografijeZaRazvijanje,
li#developmentQueue h2.fotografijeZaRazvijanje {
  width: 376px;
  height: 44px;
  margin-top: -44px;
  margin-left: -28px;
}

li#orderOnWait h2.narudzbaNaCekanju,
li#orderOnWaitActive h2.narudzbaNaCekanju {
  width: 376px;
  height: 44px;
  margin-top: -44px;
  margin-left: 282px;
}

/* div.pngShadow { margin: 0 !important; padding: 0 !important; } */

body#homePromo div#promoImage { 
  width: 630px; 
  height: 550px; 
  padding: 12px 11px; 
  margin: 0 -11px;
}
body#homePromo div#promoImage img { 
  position: relative;
  float: left;
  width: 630px;
  height: 550px;
}

body#homePromo div#mainContent { padding-top: 25px; }

img#promoBanner { 
  position: relative;
  float: left;
  width: 946px;
  height: 125px;
  margin: 35px 0 0 0;
}

div#promoForms { width: 100%; margin: 0 0 100px 0; }

span.ili { 
  position: relative; 
  float: left; 
  margin: 10px 0 0 20px;
}

body.promo div#userCheckout { margin-top: 130px; }

/*	Anchors
*/
a.button {
  position: relative;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

div#intro a#introPreviousButton,
div#intro a#introNextButton {
  position: absolute;
  top: 50%;
  margin: -30px 0 0 0;
  z-index: 10;
  width: 40px;
  height: 61px;
  text-indent: -9999px;
  overflow: hidden;
}    
div#intro a#introPreviousButton { left: 0; }
div#intro a#introNextButton { right: 0; }

div#intro p.details a {
  display: block;
  position: absolute;
  left: 0; top: 0;
  width: 38px;
  height: 13px;
}

div#registration a.button { float: right; width: 119px; height: 28px; }

li.landscape a.pngShadow { position: relative; float: left; display: block; }
li.portrait a.pngShadow { position: relative; float: left; display: block; }

a.checkMark, 
a.crossMark { position: absolute; height: 12px; width: 12px; }
div#userBar div#userFriends a.checkMark { bottom: 0; right: 0; }
div#userBar div#userFriends a.crossMark { top: 0; right: 0; }
ul#albums li a.crossMark { width: 20px; height: 20px; top: 20px; right: 3px; }
ul#album li a.checkMark,
ul#album li a.crossMark { width: 20px; height: 20px; }
ul#album li.landscape a.crossMark { width: 20px; height: 20px; top: 54px; right: 0; }
ul#album li.portrait a.crossMark { width: 20px; height: 20px; top: 4px; right: 29px; }
ul#album li.landscape a.checkMark { width: 20px; height: 20px; bottom: 4px; right: 0; }
ul#album li.portrait a.checkMark { width: 20px; height: 20px; bottom: 4px; right: 29px; }
ul#carousel li.landscape a.crossMark { top: 14px; right: 2px; }
ul#carousel li.portrait a.crossMark { top: 2px; right: 17px; }

div#photo a.next,
div#photo a.previous { position: absolute; width: 21px; height: 21px; }
div#photo.landscape a.next { top: 200px; right: -10px; }
div#photo.landscape a.previous { top: 200px; left: -10px; }
div#photo.portrait a.next { top: 300px; right: -10px; }
div#photo.portrait a.previous { top: 300px; left: -10px; }

a.pozoviPrijatelje { width: 112px; height: 21px; margin: 2px 0 0 0; }
ul#navigation li.odjava a.button { width: 63px; height: 21px; }
a.kreirajNoviAlbum { width: 156px; height: 28px; clear: left; margin: 0 0 10px 0; }
a.obavijestiPrijatelje { width: 133px; height: 21px; clear: left; margin: 0; }
a.dodajFotografiju { width: 156px; height: 29px; clear: left; margin: 10px 0 10px 0; }
a.sprijateljiSe { width: 85px; height: 17px; margin: 1px 0 0 0; }
a.razvijFotografiju { float: right; width: 174px; height: 29px; }
a.naruciRazvijanje { float: right; width: 141px; height: 28px; margin: 0 26px 0 0; }
a.pogledajOdaberi { width: 242px; height: 28px; margin: 20px 0 0 0; }
a.besplatnoRazvij { float: right; width: 242px; height: 28px; }
a.daZelim { width: 95px; height: 28px; margin: 20px 0 5px 0; }

a.naruciRazvijanjeDisabled { float: right; width: 141px; height: 28px; margin: 0 26px 0 0; }

a.block { position: relative; float: left; }

/*	Navigation & Lang
*/
ul#navigation {
  float: right;
  clear: right;
  width: 427px;
  height: 37px;
  padding: 0 8px 0 10px;
  margin: -77px 0 0 0;
  z-index: 10;
}

ul#navigation li { height: 14px; padding: 12px 2px 11px 2px; margin: 0 30px 0 0; }
ul#navigation li.odjava { padding: 9px 0; margin: 0; }
ul#navigation li.active { padding: 12px 2px 7px 2px; margin: 0 30px 0 0; border-bottom: 4px solid #3A3A3A; }

ul#navigation li a { 
  position: relative;
  float: left;
  height: 14px; 
  text-indent: -9999px; 
  overflow: hidden; 
}

ul#navigation li#mojaStranica a { width: 100px; }
ul#navigation li#urediProfil a { width: 89px; }
ul#navigation li#poveziSe a { width: 71px; }

/* Carousel Plugin 
 */
.jcarousel-container-horizontal { width: 963px; padding: 0 22px; }
div#developRibbon ul.tabs li#developmentQueue .jcarousel-container-horizontal { overflow: hidden; width: 0; }
.jcarousel-clip-horizontal { width:  963px; height: 100px; overflow: hidden; }

.jcarousel-item { width: 145px; height: 102px; padding: 5px 0; }

.jcarousel-item-horizontal { margin-right: 5x; }

.jcarousel-next,
.jcarousel-prev {
  width: 20px;
  height: 20px;
  top: 37px;
}
.jcarousel-next { right: 0; }
.jcarousel-prev { left: -4px; }

/* povezi se */
div#fbConnect1{
	width:357px;
	margin-bottom:40px;
	margin-top:10px;
	padding-left:235px;
	padding-right:20px;
	}
	
div#fbConnect2{
	width:291px;
	padding-top:158px;
	margin-right:33px;
	}
	
div#fbConnect3{
	width:292px;
	padding-top:158px;
	margin-right:-100px;
	margin-bottom:10px;
	}
	
div#fbAlati{
	width:357px;
	margin-bottom:30px;
	margin-top:20px;
	padding-left:235px;
	padding-right:20px;	
	padding-bottom:10px;	
	}