BODY{MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-TOP: 0px;MARGIN-BOTTOM: 0px;BACKGROUND-COLOR: #FFFFFF;}
/*** main container ****/
table.main-outer{WIDTH: 980px;border:1px solid #0C198B}


/**** Header *****/

td.header{BACKGROUND-COLOR: #000099; WIDTH: 100%;HEIGHT: 120px; PADDING: 0px; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Sans-Serif;VERTICAL-ALIGN: top; background:url(himg/header-image.gif) no-repeat; }


/*****-  Sub-Header ******/
.header-banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FFCC00;
	padding: 8px 5px 8px 15px;
	background: url(himg/header-banner.gif) no-repeat;
	vertical-align:top;
}

.banner-txt
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FFCC00;
}

.banner-txt a
{
color: #FFFFFF;
	text-decoration:none;	
}
.header-banner a {
	color: #FFFFFF;
	text-decoration:none;
}

banner-txt a:hover
{
text-decoration: underline;	
}
.header-banner a:hover {
	text-decoration: underline;
}
td.shadow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #434343;
	background: url(himg/shadowe.gif) top repeat-x;
	padding: 5px 5px 5px 165px;
	border-bottom: 0px solid #000066;
    height:10px;
}





/**** empty cell in the left column for layout optimization purposes ****/
/** spiders ignore this cell and read the centrall cell content first! necessary for keyword prominency ****/

td.left-seo {VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 1px; WIDTH: 180px; BACKGROUND-COLOR: #FFFFFF;PADDING-TOP: 5px; PADDING-BOTTOM: 0px;PADDING-LEFT: 3px;PADDING-RIGHT:0px;
border-right:0px solid #0C198B; }




/****** left column containing main navbars etc ****/

td.left-panel{VERTICAL-ALIGN: top; TEXT-ALIGN: left;height:20px; WIDTH: 180px; BACKGROUND-COLOR: #FFFFFF;PADDING-left: 3px; border-right:0px solid #0C198B}
.txt-left {font-size: 10px; color: #000000; font-family: Verdana, Sans-Serif; font-weight: normal; text-decoration: none;PADDING-TOP: 0px; PADDING-BOTTOM: 0px;PADDING-LEFT: 2px;PADDING-RIGHT:2px;}

/***** Main Content Cell/table ****/

td.center{HEIGHT: 100%; WIDTH: 610px; BACKGROUND-COLOR: #FFFFFF; vertical-align:top;border:0px solid green}
table.center{HEIGHT: 100%;WIDTH: 610px;}


/***** main content styles *****/

td.content{VERTICAL-ALIGN: top;TEXT-ALIGN: left; WIDTH: 610px;FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING-left: 20px;padding-top:10px;padding-right:15px;padding-bottom:0px; line-height:120%; border:0px solid #ff0000}

td.content-bigger{VERTICAL-ALIGN: top;TEXT-ALIGN: left; WIDTH: 610px;FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING-left: 20px;padding-top:10px;padding-right:15px;padding-bottom:0px; line-height:120%; border:0px solid #ff0000}


/****** Footer container ****/

td.content-footer{VERTICAL-ALIGN: middle;TEXT-ALIGN: center;HEIGHT: 30px; WIDTH: 100%;FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: 5px; border:1px solid blue}



/******* empty cell in the right column for layout optimization ****/

td.right-seo{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 1px; WIDTH:190px; 
BACKGROUND-COLOR: #FFFFFF; PADDING-TOP: 5px; PADDING-BOTTOM:0px;PADDING-LEFT: 0px;
PADDING-RIGHT: 0px; border-left:0px solid #0C198B;}




td.right-panel{VERTICAL-ALIGN: top;TEXT-ALIGN: left; height:20px; WIDTH:190px; BACKGROUND-COLOR: #FFFFFF;PADDING: 0px;border-left:0px solid #0C198B;}
.txt-right {font-size:10px; color:#000000; font-family:Verdana, Sans-Serif; font-weight:normal; text-decoration: none;PADDING-TOP: 0px; PADDING-BOTTOM: 0px;PADDING-LEFT: 2px;
PADDING-RIGHT:2px;}



/**** footer styles ****/

td.footer-txt{VERTICAL-ALIGN: middle;TEXT-ALIGN: center; HEIGHT: 60px; WIDTH: 980px; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif; PADDING: 5px;BACKGROUND-COLOR: #FFFFFF;border-top:1px solid #0C198B;}
td.footer-img { width:980px; height:42px; text-align:left; vertical-align:top; background-image: url(himg/footer.gif); }
a.footer { font-size: 11px; color: #000066; font-family: Verdana, Sans-Serif; font-weight: normal; text-decoration: underline; }
a.footer:visited { color:#000066; }
a.footer:hover { color:#0066ff }

/*****  navbar link styles ****/

a.navbar-left { font-size: 10px; color: #0000ff; font-family: Verdana, Sans-Serif; font-weight: bold; text-decoration: none; }
a.navbar-left:visited { color:#0000ff; }
a.navbar-left:hover { color:#0000ff }

a.navbar-right { font-size: 10px; color: #0000ff; font-family: Verdana, Sans-Serif; font-weight: bold; text-decoration: none; }
a.navbar-right:visited { color:#0000ff; }
a.navbar-right:hover { color:#0000ff }

/*------------------------------------------------------------------------------*/


/*-----------------------------------------------*/
/* styles for vertical navbar */

.boxHead_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #FFCC00;
	padding: 5px;
	margin-top: 0px;
	background: #1830AE url(himg/ipw_section_header.gif) top no-repeat;
	border-bottom: 1px solid #02056D;
	
}

#navBar {
	width: auto;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	background-color: #ECECEC;
}

#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
		
#navBar li {
	margin: 0;
	padding: 0;
}

#navBar li ul { 
	font-weight: normal;
	padding:0;
	margin:0;
}

#navBar li a {
	display: block;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	width: auto;
	color: #000066;
	background: url(himg/right_box_spacer.gif) bottom repeat-x;
}

html>body #navBar li a {
	width: auto;
}

#navBar li a:hover {
	color: #0066FF;
	
	background-color: #e1e1e1;
}


/*.right_box_bottom {
	background: url(himg/right_box_bottom.gif) top no-repeat;
	background-color: #ECECEC;
	padding: 4px;
	margin-bottom: 18px;
}*/
/*------------------------------------*/



/*-----------------------------------*/

/* styles for CUSTOM newsletter box - top right corner*/

.nl_table {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.nl_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding-left:10px;
	padding-top:10px;
	padding-bottom: 4px;
	background: #ECECEC
}

.nl_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000; background: #ECECEC;padding-left:10px;
}

.nl_input {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	
}

.nl_button {
 
	background: #ECECEC; text-align:right;padding-right:10px; height:25px
	}

.right_box_bottom_nl {
	background: url(himg/right_box_bottom.gif) top no-repeat;
	
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 10px;
	height:8px;
}

/*----------------------------------------------------------------------*/

/***** newsletter box styles *****/

#newsletter {
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 6px;
	/*background-color: #ECECEC;*/
	background: #ECECEC;
}

#newsletter span {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding-bottom: 4px;
	background: #ECECEC
}

#newsletter form label { 
	display: block; 
	text-align: right;
	padding: 4px 0px 4px 0px;
}

.formlook { /******* Used for all forms in Vivvo *********/
	padding: 0px;
	margin: 0px;
}





/*************************************/


/*----------------------------------*/
/*  CUSTOM BOX - used for right column sub-menus as in "Ebook Creation section"*/

.right_box {
	padding: 8px;
	background-color: #ECECEC;
}

.right_box_top { 
	background: url(himg/right_box_top.gif) top no-repeat;
	background-color: #ECECEC;
	padding: 4px;
	margin-top: 10px;
}

.right_box_bottom {
	background: url(himg/right_box_bottom.gif) top no-repeat;
	background-color: #ECECEC;
	padding: 4px;
	margin-bottom: 15px;
}



.right_box_spacer {
	margin:6px 0px 0px 0px;
	background: url(himg/right_box_spacer.gif) repeat-x;
	padding: 1px;
}

.boxHeadline_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #0C198B;
	background-color: #ECECEC;
	padding: 0px 5px 5px 10px;
}

.plainTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	line-height: 120%;
}

.plainTxt a { color: #000066;}

.plainTxt a:hover { color: #0066FF;}


/*----------------------------------------------*/



/*----------------------------------------------------* 
 /**** This style is NOT USED( horisontal navbar containing "Home | Blog" ) ****/
.topNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	padding: 8px 5px 8px 15px;
	background: url(himg/ipw_topNav_bg.gif) no-repeat;
	vertical-align:top;
}

.topNav a {
	color: #FFFFFF;
}
/****--------------------------------------******

/********* HEADLINE STYLES FOR SEMANTIC SEO  *********/

h1 { /******  Page/Article titles  *******/

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-variant: normal;
    color: #000099;
	padding: 0px;
	margin: 0px;
	line-height: 120%;
}

h2, h2 a { /********* Article 1st level subtitles  **********/

    padding-bottom: 5px;
	margin: 0px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: tahoma;
	font-size: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 120%;
}

h2 a:hover {color: #C9001B;}

h3, h3 a { /********* Articles 2nd level subtitles  **********/
    padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	line-height: 120%;
}

h3 a:hover {color: #C9001B;}

h4 { /****** Can be used to semantically optimize for keywords********/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding: 5px;
	margin: 0px;
}

/***** Styles for ""top links""  *****/
/*** "toplinks" is empty table covering header area where most prominent links will be placed in the right-hand cell***/
/******** For links on header ************/

/* za text */
.toplink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffffff;
text-decoration:none;
}
/*  za link*/
a.toplink:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffcc00;
text-decoration:none;
}

a.toplink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffcc00;
text-decoration:none;
}

a.toplink:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffcc00;
text-decoration:none;
}

a.toplink:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffcc00;
text-decoration:none;
}

/* bijeli linkovi na headery*/

/* za text */
.toplink-white {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffffff;
text-decoration:none;
}
/*  za link*/
a.toplink-white:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffffff;
text-decoration:none;
}

a.toplink-white:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffffff;
text-decoration:none;
}

a.toplink-white:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffffff;
text-decoration:none;
}

a.toplink-white:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color:#ffffff;
text-decoration:none;
}



/*********   LEGAL PAGES  ***************/
/*********styles for legal docs ***************/

p.legalp {
 /* paragraph details */
 font-family: verdana;
 font-size: 100%;
}
li.legalli {
 /* list entry details */
 font-family: verdana;
 font-size: 100%;
 margin-bottom: 0.65em;
}
h1.legalh1 {
  /* main heading */
 margin-top: 1.25em;
 font-family: "georgia";
 text-align: center;
 font-size: 150%;
 color: #000099;
}
h2.legalh2 {
 /* subheadings */
 text-align: left;
 margin-left: 0.50em;
 margin-top: 1.25em;
 font-family: "georgia";
 font-size: 120%;
 color: #000099;
}
div.legalcopyright {
 /* used for copyright */
 text-align: center;
 font-size: 75%;
 color: #858585;
 font-family: verdana,arial;
 margin-top: 2.25em;
 margin-bottom: 1.25em;
}
div.legalcopyright a {
 color: #858585;
 text-decoration: none;
}


/***  STYLES FOR SALES PAGES , without semantic seo, just for eyes catching  ******/
/***** sales pages does not need to be optimized; Content pages and pre-selling content pages need to be optimized using h1,h2, h3 tags */
.titlered {
	font-family: Georgia;
	font-size: 28px;
	font-weight: bold;
	color: Red;
}

.subtitleblue {
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #0000CD;
}

.subtitlered {
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: Red;
}

.georgia14 {
	font-family:Georgia; 
	font-size:14px; 
	color:#000000
}