html, body {border:0;margin:0;padding:0;}
 
body {font:100%/1.25 arial, helvetica, sans-serif;}
 
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
h1 {padding:30px 0 25px 0;letter-spacing:-1px;font:2em arial, helvetica, sans-serif;}
h2 {padding:20px 0;letter-spacing:-1px;font:1.5em arial, helvetica, sans-serif;}
h3 {font:1em arial, helvetica, sans-serif;font-weight:bold;}
 
p, ul, ol {margin:0;padding:0 0 18px 0;}
ul, ol {list-style:none;padding:0 0 18px 40px;}

blockquote {margin:22px 40px;padding:0;}
small {font-size:0.85em;}
img {border:0;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
 
a, a:visited {text-decoration:none;}
 
form {margin:0;padding:0;display:inline;}
input, select, textarea {font:1em arial, helvetica, sans-serif;}
textarea {line-height:1.25;}
label {cursor:pointer;}
 
table {border:0;margin:0;padding:0;}
table tr td {padding:0px;}

.detailsfont
    {color:#777; font:normal 11px Arial, Tahoma, sans-serif;}	

.smallblue { font: bold 12px Arial, Tahoma, sans-serif; color:#0489e1 !important; }
.smallblue a { color:#0489e1 !important; }
.smallblue a:hover { text-decoration: underline; }

  body
  {background:#fff; color:#000; font:11px Arial, Tahoma, sans-serif; margin:0 auto;}
		
  .content 
  {height:auto; width:1010px; text-align:center;}	
  
  #wrapper
  {clear:both; float:left; position:relative; margin:0; width:100%;}
  
  p
  {color:#000; font:normal 13px Arial, Tahoma, sans-serif; line-height:17px; text-align:left;}
  
  .dottedline { padding: 1px; background: url(/images/dot.png) repeat-x bottom; }  
  
   .left
  {float:left;}
  
   .right
  {float:right;}
  
  .blueText
  {color:#0489e1; font:Arial, Tahoma, sans-serif;}
    #introText
	{font:600 16px Arial, Tahoma, sans-serif;line-height:21px;}
	#introTitle
	{padding:25px 0 0 27px;}
  #introNews
  {padding:10px 25px 0 27px; margin-top:0px;}
  
  .greenText
  {color:#74b100; font:Arial, Tahoma, sans-serif;}
  
  .smalltext
  {color:#777; float:center; height:29px; width:100%; font:normal 11px Arial, Tahoma, sans-serif;}
  
  .searchbox
  {float:left; width:100%; font:normal 13px Arial, Tahoma, sans-serif; margin:3px 0 0 0; padding:0 0 0 0; text-align:left;}  
  
.line {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style:solid;
	border-top-color: #CFCFCF;
	border-right-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
	border-left-color: #CFCFCF;
}  

/*---- Headings ----*/		

  h1,h2,h3,h4,h5,h6
  {clear:both; color:#000; font:Arial, sans-serif;}

  h1 {font-size:22px;}
  h2 {font-size:17px;}
  h3 {padding-top:3px; /*border-bottom:1px #d4d4d4 solid; color:#444;*/}
  h4 {margin:5px 0 5px 5px; font-size:15px;}
  h5 {font-size:18px;}
  
  h3
  {border-bottom:1px #d4d4d4 solid; color:#444; font:bold 17px Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:26px 0 6px 5px; text-align:left;}
  
  /* All images background should be here */
  
    #navLogin span.links
    {background:url(images/header_login_bgright.gif) no-repeat top right;}
    #navLogin li.help
    {background:url(images/header_icon_help.gif) no-repeat top left;}
    #navLogin li.login
    {background:url(images/header_icon_login.gif) no-repeat top left;}
    #navLogin li.login1
    {background:url(images/header_icon_login.gif) no-repeat top left;}
    #navLogin li.navImage
    {background:url(images/header_login_bgright.gif) no-repeat top right;}
    #navLogin li.bookmark {background:url(images/header_icon_bookmark.gif) no-repeat top left; }	     
  
  #navBottom
  {background:url(images/footer_bg.png) repeat-x}
    #navBottom span.links
  {background:url(images/footer_left.png) no-repeat top left;}
    #navBottom span.copyright
  {background:url(images/footer_right.png) no-repeat top right;}

  body
  {background:#fff; color:#444; margin:0 auto; text-align:left;}
  .content 
  {height:auto; width:925px; text-align:center;}
  .leftCol
  {background:url(images/box-down.jpg) bottom no-repeat; width:240px; float:left; padding:0 30px 20px 25px;}
  .leftCol1
  {background:url(images/box-middle.jpg) center repeat-y;}
  .rightCol
  {width:270px; float:right; padding:0 30px 0 10px;}
  .blue
  {color:#0488e1;}
  .green
  {color:#74b100;}
  br
  {line-height:10px;}
  p{color:#777; font:normal 11px Arial, Tahoma, sans-serif;}
 /* p
  {color:#444; font:normal 13px Arial, Helvetica, sans-serif; line-height:18px; margin:19px 0 0 0; padding:0 5px 0 7px; text-align:left;}
  */
  p.short
  {text-align:left;}
	
  .zgornjanavigacija
  {background:url(images/submenu_bg.gif) repeat-x; float:left; font:bold 14px Arial, Tahoma, sans-serif; margin:0; padding:0; width:100%;}
    .zgornjanavigacija ul
    {background:url(images/submenu_left.gif) no-repeat left top; height:33px; margin:0; padding:0; text-align:left;}
    .zgornjanavigacija li
    {display:inline; list-style-type:none; float:left; padding:5px;}
    .zgornjanavigacija li a, .zgornjanavigacija li a:visited
    {color:#74b100; display:block 5px 5 px 5px 5px; float:left; height:20px; margin:0; padding:3px 3px 3px 3px; text-decoration:none;}
    .zgornjanavigacija li a:hover, .zgornjanavigacija li.active a
    {background-color:#74b100; color:#fff !important;}
    .zgornjanavigacija li.active a
    {cursor:default;}
    .zgornjanavigacija li.navRight
    {background:url(images/submenu_right.gif) no-repeat right top; float:right; height:33px; margin:0; padding:0; width:6px;}
    .zgornjanavigacija li.navLeft
    {background:url(images/submenu_left.gif) no-repeat left top; float:left; height:33px; margin:0; padding:0; width:6px;}	
    .zgornjanavigacija li.navDivider
    {background:url(http://images.trialpay.com/fp/submenu_divider.gif) no-repeat left top; height:33px; padding:0; margin:0; width:1px;}	
	
  .nadzgornjonavigacijo
  {background:url(images/submenu_bg_big.gif) repeat-x; float:left; color:#777; font:normal 11px Arial, Tahoma, sans-serif; margin:0; padding:0; width:100%;}
    .nadzgornjonavigacijo ul
    {background:url(images/submenu_left_big.gif) no-repeat left top; height:41px; margin:0; padding:0; text-align:left;}
    .nadzgornjonavigacijo li
    {display:inline; list-style-type:none; float:left;}
    .nadzgornjonavigacijo li.navRight
    {background:url(images/submenu_right_big.gif) no-repeat right top; float:right; height:41px; margin:0; padding:0; width:6px;}
	
  .nadinput	
   {font:normal 12px Arial, Tahoma, sans-serif; height:23px; vertical-align:middle;}
   
  .bottomal	
   {vertical-align:bottom;}   
    
    .rightCol img
    {float:right; padding:10px 5px 0 20px; margin:10px 0 15px 0; border:0;}
    .rightCol a
    {color:#0488e1;}
    .rightCol a:hover
    {text-decoration:underline;}
    
    .navLeft
    {font:11px, Arial, Helvetica, sans-serif; padding:0 0 0 0; margin:0; width: 190px; text-align:left; }
    .navLeft li
    {list-style:none; margin:0 0 0 0; padding:5px; border-bottom:1px solid #d4d4d4;}
    .navLeft li a 
    {color:#666 !important;}
      .navLeft .subcat a
      {color:#666;}
      .navLeft .subcat a:hover
      {background-color:#eee; color:#74b100 !important;}
      .navLeft .subcat a.navLeftsubOn
      {background-color:#eee; color:#74b100 !important; font-weight:bold; width:100%;}  

    .navLeft li a:hover
    {background-color:#74b100; display:block; width:100%; height:100%; text-decoration:none;}  
    .navLeft li.navLeftactive
    {color:#ffffff !important;background:#fff url(images/activecategory.jpg) no-repeat left top;} 	
    .navLeft li.navLeftactive a
    {color:#ffffff !important;}
      .navLeft li .navLeftsub li
      {font:12px Arial, Helvetica, sans-serif; height:20px; padding:10px; margin:10px 0 0 -30px; border:#666 0; width: 210px; text-align:left;}
      .navLeft li .navLeftsub li a
      {color:#666;}
      .navLeft li .navLeftsub li a:hover
      {background-color:#eee; color:#74b100;}
      .navLeft li .navLeftsub li .navLeftsubOn
      {background-color:#eee; color:#74b100; font-weight:bold; width:210px;}  


/*---- Links ----*/	

  a:link {color:#000;}
  a:visited {color:#000;}
  a:hover {color:#0489e1;}
  a:active { color:red;}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
  2.0 | Header
-------------------------------------------------------------- */

  #header
  {float:center; position:relative; width:980px;}
  
  #navLogin
  {background:url(images/header_login_bg.gif) repeat-x; color:#777; float:center; height:29px; width:100%; font:normal 11px Arial, Tahoma, sans-serif; padding:0; margin:0; width:980px;}
    #navLogin li
	{display:inline; display:block; list-style-type:none; float:right; padding:7px 0 0 0; margin:0;}
	#navLogin li a
	{color:#777; margin:0 5px 0 5px; padding:0 0 0 5px;}
	#navLogin li a:hover
	{color:#0489e1; text-decoration:underline;}
	  #navLogin li.transactions
	  {float:left; height:29px; padding:7px 0 0 10px; background:url(images/header_login_bgleft.gif) no-repeat top left;}
	  #navLogin li.help
	  {height:29px; margin:0 10px 0 15px; text-align:right; width:85px;}
	  #navLogin li.login
	  {height:29px; text-align:right; width:97px;}
	  #navLogin li.login1
	  {height:29px; text-align:right; width:90px;}	
	  #navLogin li.a1
	  {color:#777; margin:7px 0 0 5px; padding:0 0 0 0;}	    
	  #navLogin li.navImage
	  {height:29px; width:9px;}	  	  
	  
   #navMain li a#logo-trialpay
  {height:75px; margin:0 90px 0 10px; padding:0 0 10px 0; width:154px; }
 
  #navMain
  {float:left; font:bold 15px Arial, Tahoma, sans-serif; margin:0 0 0 0; padding:0; width:100%;}
    #navMain li
	{display:inline; list-style-type:none;}
	#navMain li a
	{color:#0489e1; display:block; float:left;  margin:0 0 0 5px; padding:0 25px 10px 25px;}
	#navMain li a:hover
	{text-decoration:underline;}
	#navMain li.active a
	{color:#fff; text-decoration:none;}
	

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
  3.0 | Footer
-------------------------------------------------------------- */
  
  #navBottom
  {clear:both; color:#777; float:left; font:normal 11px Arial, Tahoma, sans-serif; height:32px; margin:0 0 0 0; padding:0; width:980px;}
    #navBottom li
	{display:inline; list-style-type:none;}
	#navBottom li a
	{color:#777;  padding:0 5px 0 5px;}
	#navBottom li a:hover
	{color:#0489e1; text-decoration:underline;}	
	#navBottom li span.links
	{float:left; display:block; height:32px; padding:9px 0 0 5px;}
	#navBottom li span.copyright
	{float:right; display:block; height:32px; padding:9px 10px 0 0;}
  
  #subIntro
  {width:100%;}
    #subIntro span.image
  {float:left;}
    #subIntro span.desc
  {float:right;} 
  
  #subIntro
  {clear:both; color:#777; float:left; font:normal 11px Arial, Tahoma, sans-serif; margin:0 0 20px 10px; padding:0; width:87%;}
    #subIntro li
	{display:inline; list-style-type:none;}
	#subIntro li a
	{color:#777;  padding:0 5px 0 5px;}
	#subIntro li a:hover
	{color:#0489e1; text-decoration:underline;}	
	#subIntro li span.links
	{float:left; display:block; height:32px; padding:9px 0 0 5px;}
	#subIntro li span.copyright
	{float:right; display:block; height:32px; padding:9px 10px 0 0;}	
	
  #navigation
  {background:url(images/footer_bg.png) repeat-x}
    #navigation span.links
  {background:url(images/footer_left.png) no-repeat top left;}
    #navigation span.copyright
  {background:url(images/footer_right.png) no-repeat top right;} 
  
  #navigation
  {clear:both; color:#777; float:left; font:normal 11px Arial, Tahoma, sans-serif; height:50px; margin:2px 0 0 2px; padding:0; width:775px;}
    #navigation li
	{display:inline; list-style-type:none;}
	#navigation li a
	{color:#777;  padding:0 5px 0 5px;}
	#navigation li a:hover
	{color:#0489e1; text-decoration:underline;}	
	#navigation li span.links
	{float:left; display:block; height:32px; padding:9px 0 0 5px;}
	#navigation li span.copyright
	{float:right; display:block; height:32px; padding:9px 10px 0 0;}		   	
	  
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
  4.0 | Layout Elements
-------------------------------------------------------------- */
  
  .imgHome
  {border:0; margin:0; padding:0 10px 10px 0; width:601px;}
    
  .boxSmall
  {float:left; margin:0 11px 10px 0; padding:0 0 7px 0; text-align:left; width:295px;}
    .boxSmall h3
	{color:#0489e1; font:regular 18px Arial, sans-serif; margin:0; padding:17px 10px 5px 25px;}
	.boxSmall h4
	{color:#0489e1; font:regular 18px Arial, sans-serif; margin:0; padding:20px 10px 0 28px;}
    .boxSmall h5
	{color:#74b100; font:regular 18px Arial, sans-serif; margin:0; padding:20px 10px 0 28px;}
	.boxSmall p
	{padding:0 25px 3px 27px;}
	  #boxSmall a
	  {color:#000; display:block; height:auto; padding:0; margin:0; text-decoration:none; width:auto;}
	  #boxSmall a:hover
	  {color:#0489e1; padding:0; margin:0; text-decoration:none;}
	.boxSmall ul
	{margin:0 0 25px 49px; display:compact; padding:10px 0 0 0;}

  .boxBig
  {float:left; margin:0 11px 0 0; padding:0 0 7px 0; text-align:left; width:601px;}
    .boxBig h4
	{color:#0489e1; font:regular 35px Arial, sans-serif; margin:0; padding:19px 10px 5px 25px;}
    .boxBig h5
	{color:#74b100; font:regular 35px Arial, sans-serif; margin:0; padding:19px 10px 5px 25px;}
	  .boxBig h5 #imgDemo
	  {float:right; margin:-25px 15px 0 0; padding:0 10px 0 0;}
	.boxBig p
	{padding:10px 25px 3px 27px;}
	.boxBig ul
	{margin:0 0 25px 60px; display:compact; padding:10px 0 0 0;}
	
  #navSubpage   
  {clear:both; color:#777; font:normal 11px Arial, Tahoma, sans-serif; margin:0 0 0 23px; padding:0; }
    #navSubpage li
	{display:list-item; list-style-type:none; margin:0; width:250px;}
	#navSubpage li a
	{color:#0489e1; display:block; height:20px;  padding:3px 0 0 5px;}
	#navSubpage li a:hover
	{text-decoration:underline;}	
	#navSubpage li.active a
	{color:#fff; text-decoration:none;}