/*  ============================================================  */
/*  -------------------------  GENERAL  ------------------------  */

body {
	margin: 0px;
	padding: 40px;
	background-color: #998675;
}

form {
	margin: 0px;
	padding: 0px;
}

label {
	cursor: pointer;
}

div#container {
	width: 940px;
	margin: 0px auto;
}

.clearAll {
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}

.top { top: 0px; }
.bottom { bottom: 0px; }
.left { left: 0px; }
.right { right: 0px; }

.hidden { display: none; }

/*  ============================================================  */
/*  -------------------------  HEADER  -------------------------  */

div#header {
	width: 880px;
	height: 90px;
	padding: 40px 0px 0px 20px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
	border-color: #998675;
	border-style: solid;
	border-width: 0px 0px 5px 0px;
}

/*  ============================================================  */
/*  ----------------------  COLUMNS MAIN  ----------------------  */

div#columns {
	width: 755px;
	margin: 0px auto;
	border-style: solid;
	border-width: 0px 40px 0px 145px;
	border-left-color: #A7DDE9;
	border-right-color: #998675;
	float: left;
}

div#columnLeft {
	position: relative;
	float: left;
	width: 145px;
	margin-left: -145px;
}

div#columnMain {
	float: left;
	width: 750px;
	border-color: #998675;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
}

a#basket {
	display: block;
	position: relative;
	float: right;
	width: 34px;
	height: 28px;
	padding: 8px 6px 0px 0px;
	margin-right: -40px;
	background-image: url(../images/basket_empty.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
}
a#basket.empty {
	background-image: url(../images/basket_empty.gif);
}
a#basket.full {
	background-image: url(../images/basket_full.gif);
}

/*  ============================================================  */
/*  --------------------------  MENU  --------------------------  */

ul#menu {
	clear: both;
	margin: 25px 5px 0px 15px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
ul#menu li {
	margin: 7px 0px;
	padding: 0px;
	display: block;
}
ul#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
ul#menu li a:hover {
	color: #E76E7C;
}
ul#menu li.currentMenu a {
	color: #E76E7C;
	font-weight: bold;
}

/*  -------------------------  SUBMENU  ------------------------  */

ul#subMenu {
	clear: both;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
ul#subMenu li {
	margin: 7px 0px;
	padding: 0px;
	display: block;
}
ul#menu li ul#subMenu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
ul#menu li ul#subMenu li a:hover {
	color: #E76E7C;
}
ul#menu li ul#subMenu li.currentSubMenu a {
	color: #E76E7C;
	font-weight: bold;
}

/*  ============================================================  */
/*  -----------------------  MAIN PAGES  -----------------------  */

div.bgTitle {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 385px;
	background-position: top left;
	background-repeat: no-repeat;
}

div#nas_pristup            { background-image: url(../images/bg_title_nas_pristup.jpg); }
div#organizacija_vjencanja { background-image: url(../images/bg_title_organizacija_vjencanja.jpg); }
div#novosti                { background-image: url(../images/bg_title_organizacija_vjencanja.jpg); }
div#nasi_prijatelji        { background-image: url(../images/bg_title_nasi_prijatelji.jpg); }

div#pozivnice              { background-image: url(../images/bg_title_pozivnice.jpg); }
div#zahvalnice             { background-image: url(../images/bg_title_zahvalnice.jpg); }
div#papirna_galanterija    { background-image: url(../images/bg_title_papirna_galanterija.jpg); }
div#kutije_za_kolace       { background-image: url(../images/bg_title_kutije_za_kolace.jpg); }
div#pokloni                { background-image: url(../images/bg_title_pokloni.jpg); }
div#menu_kartice           { background-image: url(../images/bg_title_menu_kartice.jpg); }
div#brojevi_za_stol        { background-image: url(../images/bg_title_brojevi_za_stol.jpg); }
div#kartice_za_imena       { background-image: url(../images/bg_title_kartice_za_imena.jpg); }
div#majice                 { background-image: url(../images/bg_title_majice.jpg); }
div#najprodavanije         { background-image: url(../images/bg_title_najprodavanije.jpg); }

div.bgTitle h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 335px 0px 0px 20px;
}

div.slideshowTitle {
	width: 750px;
	height: 385px;
	border-color: #998675;
	border-style: solid;
	border-width: 0px 0px 5px 0px;
}

div.bgTitle div#slideshow {
	position: absolute;
	top: 0px;
	left: 0px;
}

/*  ============================================================  */
/*  ------------------------  HOMEPAGE  ------------------------  */

div.bgTitle div#titles {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 385px;
	z-index: 90;
}

ul#homeBlocks {
	height: 146px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	border-color: #998675;
	border-width: 5px 0px 0px 0px;
	border-style: solid;
}
ul#homeBlocks li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	border-color: #998675;
	border-width: 0px 5px 0px 0px;
	border-style: solid;
}
ul#homeBlocks li.block3 { border: none; }

ul#homeBlocks li a, ul#homeBlocks li a:hover {
	display: block;
	width: 200px;
	height: 116px;
	margin: 0px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
}

ul#homeBlocks li.block1 a {
	background-color: #A7DDE9;
	color: #FFFFFF;
}
ul#homeBlocks li.block2 a {
	background-color: #DC87B8;
	color: #FFFFFF;
}
ul#homeBlocks li.block3 a {
	width: 250px;
	background-color: #E8C099;
	color: #7E3E26;
}

ul#homeBlocks li a span.details {
	display: block;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5A5A5A;
}

/*  ============================================================  */
/*  ------------------------  KONTAKT  -------------------------  */

div.kontakt {
	width: 700px;
	height: 400px;
	background-color: #E76E7C;
	background-image: url(../images/bg_kontakt.gif);
	background-position: right;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 25px;
}

div.kontakt input.txt {
	width: 200px;
	border: none;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7C7C7C;
	padding: 2px;
}
div.kontakt textarea {
	width: 350px;
	height: 150px;
	border: none;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7C7C7C;
	padding: 2px;
}
div.kontakt input.bt {
	width: 60px;
	border: none;
	background-color: #F9BFC0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px;
	cursor: pointer;
}


/*  ============================================================  */
/*  -----------  PROIZVODI - MOTIVI - GRAFIČKI MENU  -----------  */

ul#motivi {
	height: 146px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	border-color: #998675;
	border-width: 5px 0px 0px 0px;
	border-style: solid;
}
ul#motivi li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	border-color: #998675;
	border-width: 0px 5px 0px 0px;
	border-style: solid;
	background-color: #DC87B8;
	background-position: bottom right;
	background-repeat: no-repeat;
}
ul#motivi li.last { border: none; }

ul#motivi li.floralni     { background-image: url(../images/link_motiv_floralni.gif); }
ul#motivi li.graficki     { background-image: url(../images/link_motiv_graficki.gif); }
ul#motivi li.tematski     { background-image: url(../images/link_motiv_tematski.gif); }
ul#motivi li.sansnova     { background-image: url(../images/link_motiv_sansnova.gif); }
ul#motivi li.individualni { background-image: url(../images/link_motiv_individualni.gif); }
ul#motivi li.svi          { background-image: url(../images/link_motiv_sansnova.gif); }

ul#motivi li a {
	display: block;
	width: 126px;
	height: 126px;
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
ul#motivi li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

ul#motivi li.size2 a {
	width: 277px;
}
ul#motivi li.size3 a {
	width: 428px;
}
ul#motivi li.size4 a {
	width: 579px;
}

/*  ----------------  PROIZVODI - GRAFIČKI MENU  ---------------  */

ul.proizvodi {
	height: 146px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	border-color: #998675;
	border-width: 5px 0px 0px 0px;
	border-style: solid;
	clear: both;
}
ul.proizvodi li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	width: 146px;
	height: 146px;
	border-color: #998675;
	border-width: 0px 5px 0px 0px;
	border-style: solid;
	background-color: #FFFFFF;
	background-position: 23px 40px;
	background-repeat: no-repeat;
}
ul.proizvodi li.last { border: none; }

ul.proizvodi li.najprodavanije {
	background-color: #E76E7C;
}

ul.proizvodi li a {
	display: block;
	width: 126px;
	height: 126px;
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #999999;
}
ul.proizvodi li a:hover {
	color: #999999;
	text-decoration: underline;
}

/*  ------------------------  PROIZVODI  -----------------------  */

div.proizvodi {
	background-position: 0px 175px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 25px;
	min-height: 400px;
}

div#motiv1.proizvodi     { background-image: url(../images/bg_motiv_floralni.gif); }
div#motiv2.proizvodi     { background-image: url(../images/bg_motiv_graficki.gif); }
div#motiv3.proizvodi     { background-image: url(../images/bg_motiv_tematski.gif); }
div#motiv4.proizvodi     { background-image: url(../images/bg_motiv_sansnova.gif); }
div#individualni.proizvodi { background-image: url(../images/bg_motiv_individualni.gif); }

ul#listaProizvoda {
	float: right;
	width: 440px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
ul#listaProizvoda li {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	display: block;
	float: left;
	text-align: center;
}
ul#listaProizvoda li.clearRow { clear: left; }

ul#listaProizvoda li a {
	display: block;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
ul#listaProizvoda li a:hover {
	color: #E76E7C;
}


/*  -------------------  PROIZVODI - PODMENU  ------------------  */

ul#subMenuProizvodi {
	width: 180px;
	float: left;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
ul#subMenuProizvodi li {
	margin: 7px 0px;
	padding: 0px;
	display: block;
}
ul#subMenuProizvodi li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
ul#subMenuProizvodi li a:hover {
	color: #E76E7C;
}
ul#subMenuProizvodi li.currentSubMenuProizvodi a {
	color: #E76E7C;
	font-weight: bold;
}

/*  ------------------------  PROIZVOD  ------------------------  */

div#columnMain.proizvod {
	background-color: #FFFFFF;
}
div#proizvodColumn1 {
	float: left;
	width: 180px;
	padding: 25px 5px 25px 25px;
}
div#proizvodColumn2 {
	float: left;
	width: 250px;
	padding: 25px 10px 25px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7C7C7C;
}
div#proizvodColumn3 {
	float: left;
	width: 230px;
	padding: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7C7C7C;
}

div#proizvodiThumbs div.thumb {
	float: left;
	width: 75px;
	height: 75px;
}

ul#proizvodiBoje {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
ul#proizvodiBoje li {
	margin: 1px;
	padding: 0px;
	display: block;
	float: left;
}
ul#proizvodiBoje li a {
	display: block;
	width: 17px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}
ul#proizvodiBoje li a:hover {
	border-color: #E76E7C;
}
ul#proizvodiBoje li.current a {
	border-color: #7C7C7C;
}
ul#proizvodiBoje li a span {
	display: none;
}
div#proizvodColumn2 p {
	margin: 5px 0px;
}

div#proizvodColumn3 div.opis {
	height: 230px;
}
div#proizvodColumn3 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7C7C7C;
	margin: 10px 0px;
}
div#proizvodColumn3 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E76E7C;
	text-transform: uppercase;
	margin: 0px;
}

div#proizvodColumn3 input.bt {
	margin: 5px 0px;
	padding: 4px 20px;
	border: none;
	background-color: #E76E7C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}


/*  ============================================================  */
/*  --------------  INSPIRACIJE I IDEJE - PODMENU  -------------  */

div#inspiracijeLeft {
	width: 145px;
	height: 480px;
	background-color: #E6BB84;
	margin: 0px 5px 0px 0px;
	float: left;
}
ul#inspiracijeMenu {
	clear: both;
	margin: 25px 5px 25px 15px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 350px;
	overflow: auto;
}
ul#inspiracijeMenu li {
	margin: 7px 0px;
	padding: 0px;
	display: block;
}
ul#inspiracijeMenu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
ul#inspiracijeMenu li a:hover {
	color: #E76E7C;
}
ul#inspiracijeMenu li.currentMenu a {
	color: #E76E7C;
	font-weight: bold;
}

div#inspiracijeCollage {
	width: 600px;
	height: 480px;
	float: left;
	position: relative;
}
div#inspiracijeCollage a {
	display: block;
	position: absolute;
}


/*  ============================================================  */
/*  --------------  NEZABORAVNI TRENUCI - PODMENU  -------------  */

div#nezaboravniLeft {
	width: 145px;
	height: 385px;
	background-color: #A7DDE9;
	margin: 0px 5px 5px 0px;
	float: left;
}
ul#nezaboravniMenu {
	clear: both;
	margin: 25px 5px 25px 15px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 350px;
	overflow: auto;
}
ul#nezaboravniMenu li {
	margin: 7px 0px;
	padding: 0px;
	display: block;
}
ul#nezaboravniMenu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
ul#nezaboravniMenu li a:hover {
	color: #E76E7C;
}
ul#nezaboravniMenu li.currentMenu a {
	color: #E76E7C;
	font-weight: bold;
}

div#nezaboravniBigPic {
	width: 600px;
	height: 385px;
	float: left;
	margin: 0px 0px 5px 0px;
}
div#nezaboravniText {
	float: left;
	width: 435px;
	height: 155px;
	padding: 15px;
	background-color: #E26B7A;
	margin: 0px 5px 0px 0px;
}
div#nezaboravniText h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
div#nezaboravniText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
}
div#nezaboravniThumbs {
	float: left;
	width: 280px;
	height: 185px;
}
div#nezaboravniThumbs div.thumb {
	float: left;
	width: 90px;
	height: 90px;
	background-color: #E26B7A;
}
div#nezaboravniThumbs div.bleft { margin-left: 5px; }
div#nezaboravniThumbs div.btop { margin-top: 5px; }

/*
.scroll-pane {
	overflow: auto;
	width: 298px;
	height: 185px;
}

#nezaboravniThumbs .jScrollPaneTrack {
	left: 0;
	right: auto;
}
#nezaboravniThumbs a.jScrollArrowUp {
	left: 0;
	right: auto;
}
#nezaboravniThumbs a.jScrollArrowDown {
	left: 0;
	right: auto;
}
#nezaboravniThumbs .jScrollPaneTrack {
	background: #998675 url(../images/bg_scrollbar_white.gif) center repeat-y;
}
#nezaboravniThumbs .jScrollPaneDrag {
	background: #E76E7C;
}
*/

/*  ============================================================  */
/*  -----------------------  OTHER PAGES  ----------------------  */

div.textHolder {
	background-position: bottom right;
	background-repeat: no-repeat;
	border-color: #998675;
	border-width: 5px 0px 0px 0px;
	border-style: solid;
}
div.textHolder div.text {
	width: 415px;
	padding: 15px;
	border-color: #998675;
	border-width: 0px 5px 0px 0px;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.5;
}
div.text a, div.text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

div.variant01 {
	background-color: #E76E7C;
	background-image: url(../images/bg_01.gif);
}
div.variant01 div.text {
	background-color: #DC87B8;
	width: 475px;
}

div.variant02 {
	background-color: #C1D72E;
	background-image: url(../images/bg_02.gif);
}
div.variant02 div.text {
	background-color: #9DC9BA;
}

div.variant03 {
	background-color: #C1D72E;
	background-image: url(../images/bg_02.gif);
}
div.variant03 div.text {
	background-color: #E76E7C;
}



div#newsText {
	width: 415px;
	height: 116px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.5;
	background-color: #E76E7C;
	border-color: #998675;
	border-width: 5px 5px 0px 0px;
	border-style: solid;
	float: left;
	overflow: auto;
}
div#newsList {
	width: 270px;
	height: 116px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.5;
	background-color: #E6BB84;
	border-color: #998675;
	border-width: 5px 0px 0px 0px;
	border-style: solid;
	float: left;
	overflow: auto;
}

div#newsList a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
div#newsList a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
div#newsList a.current {
	font-weight: bold;
}

div#newsText h2, div#newsList h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
div#newsText a {
	color: #FFFFFF;
}



div#friendsText {
	width: 720px;
	height: 116px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.5;
	background-color: #E76E7C;
	border-color: #998675;
	border-width: 5px 0px 0px 0px;
	border-style: solid;
}
div#friendsText a {
	color: #FFFFFF;
}

/*  ============================================================  */
/*  --------------------------  TEST  --------------------------  */

div#title {
	width: 450px;
	height: 455px;
}
h1#titleImage {
	position: absolute;
	width: 450px;
	height: 455px;
	margin: 0px;
	background-image: url(../images/ideje_bijela.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}