/** company: open media europe **/
/** last revised: 16 May 09 **/

/** agridiotis stylesheet **/
/** global **/

body {overflow-y:scroll;
      overflow-x:hidden;
      font-family:arial;
      font-size:76%;
     color:#494949;}
* {font-family:arial;
   font-size:1em;
   line-height:1.5em;}
* a {text-decoration:none;
     border:0px;
     font-weight:bold;
     color:#1B75BB;}
* a:hover {color:#565DD8;}	 
* img {border:none;}	 
h1 {font-family:"Trebuchet MS", arial;
    font-size:17px;
    color:#1B75BB;}
h1 span {font-size:18px;}
.clear {clear:both;
        font-size:0px;
	height:0px;
	line-height:0px;}
h1, h2, h3 {text-transform:uppercase;}

/** inside hover links **/
#in .mainlinks ul li:hover a, 
#in .main a:hover, 
#in .insidefooter a:hover, 
#in .sitemap a:hover {color:#4B539B;}
#in .sitemap a:hover {text-decoration:underline;}

/** zeroing margins and paddings **/
ul, li, h1, h2, h3, p, ol, ol, form, input, select {margin:0px;}
ul, form, input, select {padding-left:0px;}
ol, ul {padding:0px;}
#in .rp ul li {list-style:circle;}

/** applying new margins and paddings **/
.rp ul {padding-top:0.5em;}	
.rp li {padding-left:0;
        margin-left:3em;}
p {margin-bottom:0px;}
#hm h2 {color:#4B539B; 
    font-size:1.3em;
    font-family:"Trebuchet MS", arial;
    text-align:center;}
#hm h1, #hm h2, #hm h3 {text-transform:capitalize;}
#in h1{font-size:2.1em;
       line-height:30px;
       color:#565DD8;
       text-transform:lowercase;}
a.top,
#in .main a.top {color:#565DD8;
                 font-family:"Trebuchet MS"}
#in h1 span {font-size:27px;}
#in h2, 
#in h3 {font-family:"arial";
        font-weight:bold;}
#in .rpcontainer h2 a, 
#in .rpcontainer h2 a:hover {color:#1B75BB;} 

#in h2 {margin-left:-0.4em;
        padding-top:1.5em;
        text-transform:capitalize;
        color:#1B75BB;
        font-size:1.1em;
        margin-left:-3px;
        padding-bottom:7px;
        padding-top:2.3em;
        text-transform:capitalize;}
#in h3 {padding-bottom:7px;
        padding-top:0.9em;
	margin-left:-3px;
	font-size:1.1em;
        text-transform:capitalize;
        color:#494949;}
#in p {padding-top:0.2em;
       padding-bottom:0.1em;
       width:49em;}      
body {behavior:url("scripts/csshover.htc");
      margin:0px;
      background-color:#EAEAEA;
      text-align:center;}
body.in, 
body.hm {overflow-y:scroll;
         _overflow-y:auto;}
body.hm {background-image:url('img/prt/bg_sh.png');
         background-repeat:repeat-x;
         background-position:50px -505px;
         _background-position:50px -496px;}

/** top icons **/
#in .intro {color:#565DD8;
             font-weight:bold;
             padding-left:0;
             padding-top:0.5em;
             width:52em;
             overflow-y:hidden;}
.intro .img {float:right;
             margin-top:-5px;}
.intro .img img {border:1px solid #D7D9EC;
                 padding:5px;
                 background-color:#f4f4f4;}
.intro .txt {float:left;
             width:450px;}
#profile .intro .txt {width:350px;}
#profile .intro .txt .p2,
#profile .intro .txt .p4 {color:#1B75BB;}
#profile .intro .txt .p1,
#profile .intro .txt .p2,
#profile .intro .txt .p3,
#profile .intro .txt .p4 {padding-bottom:1.3em;}
#profile .intro .txt .p3,
#profile .intro .txt .p4 {width:49em;}
#motorinsurance .intro .txt {width:49em;}
#personal .intro .txt {width:35em;}
#group #gr .intro {padding-bottom:1em;}
#business .intro .img {padding-right:3em;}
#lifehealth #in .intro {width:auto;}
#lifehealth #in .intro .txt {width:30em;}
#lifehealth #in .intro .img {padding-right:1.4em;}
#contact #in .intro .txt {width:49em;}
#business #in .intro .txt {width:44em;}

/** ID home and inside **/
#hm, #in {background-image:url('img/prt/inhm_bg.png');
	  _background-image:none;
          background-repeat:no-repeat;
	  background-position:-469px 129px;
	  border:none;}

/** container **/
.container {width:990px;
            margin:0px auto;
            border:0px solid #000;
            text-align:left;}
#in .container {background-color:#fff;}

/** rounded corners **/		  
.rnd1,
.rnd2,
.rnd3,
.rnd4,
.rnd5 {line-height:1px;
       font-size:0px;
       height:1px;
       background-color:#EAEAEA;}
.rnd1 {margin-right:5px;
       margin-left:5px;}
.rnd2 {margin-right:4px;
       margin-left:4px;}
.rnd3 {margin-right:3px;
       margin-left:3px;}
.rnd4 {margin-right:2px;
       margin-left:2px;}
.rnd5 {margin-right:1px;
       margin-left:1px;}
.rndcon .bx {border:0px solid #000;
             background-color:#EAEAEA;
             padding-right:10px;
             padding-left:10px;}

/** logo **/
.logo {height:94px;
       padding-top:20px;
       padding-bottom:15px;
       padding-left:30px;
       background-color:#fff;}

/* top links */
.linkscontainer {background-color:#fff;}
.links {float:left;
        background-image:url('img/prt/links_sh.png');
        background-repeat:repeat-x;
        background-position:top left;
        width:860px;
        border:0px solid #000;
		margin-top:0px;}
.links ul li {float:left;
              list-style:none;
	       padding-right:25px;
   	       padding-left:25px;
	       padding-top:4px;
	       padding-bottom:5px;
	       height:18px;
              line-height:14px;}
.links ul li:hover {background-image:url('img/prt/links_sh_hover.png');
                    background-repeat:repeat-x;
                    background-position:top left;}
.links ul li.active {background-color:#fff;}
.links ul li.active:hover {background-image:none;}
.links ul li.active a, 
.links ul li.active a:hover {color:#545BD9;}

.links a {font-weight:bold; 
          font-size:13px;
          color:#fff;
          line-height:17px;}
.links a:hover {color:#fff;}	  
.a {background-image:url('img/prt/a.png');
    background-repeat:no-repeat;
    background-position:50% 50%;
    width:68px;
    height:73px;
    margin-left:-8px;
    margin-top:-25px;
    float:left;}

/* IE hacks */	
*html .a { _bac\kground-image:none;
	   border:0px solid #000;
           position:relative;
	   right:20px;
	   float:left;
           filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/prt/a.png', sizing Method='scale');}
*html #in .a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/prt/a.png', sizing Method='scale');}	   
*html .main {}
*html .inside {border:1px solid #EAEAEA;
               border-top:none;}
#in .main, #in .rp, #in .rpcontainer, #in .mainlinks, #in .lp {position:relative;}  
.lang {float:left;
       padding-left:22px;
       border:0px solid #000;}
.lang img {margin-top:-1px;
           padding-right:40px;}

/* back to top */
.backtop-wrapper {border:0px solid #000;
                  overflow-y:hidden;
		   margin-top:4em;
		  margin-bottom:0;
                  background-color:#EAEAEA;
		  border-bottom:1px solid #EAEAEA; 
                  margin-left:-2em;}
.backtop-wrapper:hover .btn .txt a, 
#in .backtop-wrapper:hover .btn .txt a:hover {color:#565DD8;}
.backtop-wrapper .btn {float:right;
                       height:2.3em;
                       line-height:28px;}
.backtop-wrapper .btn .txt {font-weight:bold;
                            padding:0.4em 1em 0.8em 1em;}
.backtop-wrapper .btn .txt a{color:#fff;}

/* submit form */
#submit .intro .txt {color:#DF2222;}
#submit .intro .txt,
#submit .intro .txt p {text-align:center;
                       font-family:"Trebuchet MS"}
#submit .return {text-align:left; 
                 border-bottom:1px solid #ccc;
                 padding-top:5em;}
#in .val_title {color:#1B75BB;
                margin-top:-5px;
                padding-top:0.6em;}
		
/* middle */
.middle {border:0px solid #000;
         background-image:url('img/prt/home_sh.gif');
	 background-repeat:repeat-x;
         background-position:left bottom;}
.middle:hover {}	 
.middle .welcome {padding-left:349px;
                  padding-top:88px;
                  font-weight:bold;
                  background-image:url('img/icons/home_tp.jpg');
                  background-repeat:no-repeat;
                  background-position:bottom left;}
.middle .welcome h1 {padding-left:10px;
                     padding-bottom:5px;}		  
.purpleline {background-image:url('img/prt/middle_sh.png');
              background-position:top left;
              background-repeat:repeat-y;
	      background-color:#fff;
	      height:5px;
	      line-height:5px;
              font-size:0px;}
#hm .purpleline {_margin-left:1px;
	      height:5px;
	      line-height:5px;}	      
#in .purpleline {margin-left:184px;}

/** inside **/
.inside {background-image:url('img/prt/left_sh.png');
	 background-position:top left;
 	 background-repeat:no-repeat;
         overflow-y:hidden;}
	 
/** keep in touch **/
.keepintouch {background-color:#EAEAEA;
	      width:177px;
	      margin-left:16px;
              margin-top:0px;}
.keepintouch .title {padding-top:2px;
                     padding-bottom:4px;
                     font-family:"Trebuchet MS";
                     margin-top:4.6em;
	             background-color:#F5F5F5;}
#gr .keepintouch .title {margin-top:4.6em;}
.keepintouch .phone {background-color:#fff;
                     text-align:center;
                     padding-top:16px;
                     padding-bottom:24px;}
#hm .keepintouch h2 {font-size:108%;
                     color:#7b7b7b;}
.keepintouch .contactdetails {padding-bottom:270px;
                              background-color:#fff;
                              width:200px;
                              padding-top:12px;
                              padding-left:10px;
                              font-size:10px;}
.keepintouch .contactdetails span {color:#4B539B;
                                   font-weight:bold;
                                   padding-left:6px;
                                   font-size:1em;}
.keepintouch .contactdetails strong {font-size:1em;}
.keepintouch .contactdetails a {font-size:1em;}

/** right and left panels **/
.lp { float:left;
      width:230px;}
.rp { float:left;
      width:740px;
      border:0px solid #000;}
#in .lp {width:184px;}
#in .rp {padding-left:40px;
         padding-bottom:245px;
         padding-top:1.8em;                   
         width:650px;}
.rpcontainer {float:left;
	      background-image:url('img/prt/left_sh_2.png');
              background-position:top left;
              background-repeat:no-repeat;
              overflow-y:hidden;
              border:0px solid #000;
              background-color:#fff;}

/** top links **/
ol.tl {padding-left:4.5em;
       margin-top:10px;}
ol.tl li {padding:0px;
          font-weight:bold;
          color:#000080;
          margin:0px;
          margin-left:30px;
          font-style:normal;}
ol.tl li a {color:#000080;
            text-transform:capitalize;}
              	      
/** main **/
.main {border:0px solid #000;
       overflow-y:hidden;
       background-color:#fff;}
.main h1 {margin-left:185px;
          padding-top:40px;}
 
/** topimg :: top image **/
.topimg {position:absolute;
         right:130px;
         z-index:99;
         border:0px solid #000;}

/** main links **/
.mainlinks {margin-top:-5px;}
.mainlinks ul li {list-style:none;
                  text-align:right;
                  padding-right:15px;
                  background-color:#fff;}
.mainlinks ul li:hover {background-image:url('img/prt/mainlinks_hover_sh.png');
                         background-position:top right;
                         background-repeat:repeat-y;}
.mainlinks ul li a {font-family:"Trebuchet MS";
                    font-weight:bold;
                    font-size:12px;
                    line-height:30px;}
.mainlinks ul li.active,
.mainlinks ul li.active:hover {background-image:url('img/prt/mainlinks_active_sh.png');
                         background-position:top right;
                         background-repeat:repeat-y;}

/** main icons homepage **/
.mainicons {background-color:#fff;
            width:680px;
            margin-left:30px;}
.mainicons .ttl {border:0px solid #000;
                 height:36px;
                 background-color:#fff;}
.mainicons .ttl h1 {line-height:35px;
                    color:#565DD8;}
.mainicons .ico1,
.mainicons .ico2, 
.mainicons .ico3 { float:left;
	           width:223px;
                   text-align:center;}
.mainicons .ico1 .txt,
.mainicons .ico2 .txt, 
.mainicons .ico3 .txt {text-align:left;
                       font-weight:bold;
                       margin-right:9px;
                       margin-left:14px;}
.mainicons .img {padding-bottom:5px;}
.mainicons  img {height:100px;
                 padding:5px;
                 border:1px solid #D7D9EC;
                 background-color:#F4F4F4;}
.mainicons  img:hover {background-color:#f6f6f6;}
.mainicons .ico1:hover .rnd1,
.mainicons .ico1:hover .rnd2,
.mainicons .ico1:hover .rnd3,
.mainicons .ico1:hover .rnd4,
.mainicons .ico1:hover .rnd5,
.mainicons .ico1:hover .bx, 
.mainicons .ico2:hover .rnd1,
.mainicons .ico2:hover .rnd2,
.mainicons .ico2:hover .rnd3,
.mainicons .ico2:hover .rnd4,
.mainicons .ico2:hover .rnd5,
.mainicons .ico2:hover .bx, 
.mainicons .ico3:hover .rnd1,
.mainicons .ico3:hover .rnd2,
.mainicons .ico3:hover .rnd3,
.mainicons .ico3:hover .rnd4,
.mainicons .ico3:hover .rnd5,
.mainicons .ico3:hover .bx {background-color:#F4F4F4;}
.middle:hover .welcome .rndcon .rnd1, 
.middle:hover .welcome .rndcon .rnd2,
.middle:hover .welcome .rndcon .rnd3,
.middle:hover .welcome .rndcon .rnd4,
.middle:hover .welcome .rndcon .rnd5,
.middle:hover .welcome .rndcon .bx {background-color:#F4F4F4;} 
.middle:hover .welcome .rndcon h1 {color:#3085BF;}
.middle:hover {background-image:url('img/prt/home_sh_hover.gif');}



/** no style **/
a.nostyle,
a.nostyle:hover {color:#494949;}

/** homepage announcements **/		       
#hm .announcements {border:0px solid #000;}
.announcements .rnd1,
.announcements .rnd2,
.announcements .rnd3,
.announcements .rnd4,
.announcements .rnd5 {background-color:#fff;}
.announcements .bx {background-color:#fff;
                    padding-bottom:19px;
                    padding-left:16px;
                    padding-right:18px;
                    padding-top:8px;}
#hm .announcements h1 {padding-top:10px;
                       padding-bottom:10px;}

/** sitemap **/
.sitemap {border:0px solid #000;
          overflow-y:auto;
          padding-left:16px;
          width:500px;}
.sitemap ul li {float:left;
                list-style:none;
                padding-right:16px;
                padding-left:10px;
                background-image:url('img/prt/dot.png');
                background-repeat:no-repeat;
                background-position:99% 53%;}		
.sitemap ul li.active {background-image:none;
                       font-style:italic;
		       font-weight:bold;}

/** inside footer **/
.insidefooter {border:0px solid #000;
               background-image:url('img/prt/insidefooter.png');
               background-repeat:repeat-y;
               background-position:top left;
               color:#4F4F4F;
               font-weight:bold;
               padding-top:15px;
               padding-bottom:15px;
               background-color:#F4F4F4;}
.insidefooter .txt {padding-left:199px;
                    text-align:center;
		    font-size:10px;
                    text-transform:capitalize;}

/** link exchange **/
.sponsors {list-style:none;
           padding-top:1.5em;}
.sponsors li {padding-bottom:1.2em;}


/** sitemap **/
ul.sitemap-wrapper {border:0px solid #000;
                  padding-top:2em;}
.sitemap-wrapper li {list-style:none;}
.sitemap-wrapper li li {list-style:circle;}
.sitemap-wrapper li li span {color:#494949;}
.sitemap-wrapper a:hover {text-decoration:underline;}

/** empty announcements **/
.emptyannouncements {width:100px;
                     line-height:100px;}

/** contact us form **/
.frmcontact {border:0px solid #000;
             width:450px;
	     padding-top:4em;
             margin:0px auto;}
.frmcontact .row {clear:both;
                  padding-bottom:5px;
                  border:0px solid #000;}	     
.frmcontact .ttl {float:left;
                  font-weight:bold;
                  width:110px;}
.frmcontact .row:hover input, 
.frmcontact .row:hover textarea {background-color:#f2f1f1;}
.frmcontact .frm input, 
.frmcontact .frm select {width:258px;
                         border:1px solid #ccc;
                         font-size:10px;
                         background-color:#F4F4F4;
                         line-height:15px;}
.frmcontact .frm select {width:262px;}
.frmcontact .frm select option {font-size:10px;}
.frmcontact .frm textarea {width:260px;
	                   height:80px;
                           border:1px solid #ccc;
                           background-color:#f4f4f4;
                           overflow-y:scroll;
			    overflow-x:hidden;
                           font-size:10px;}
.frmcontact .row .btn {padding-left:25%;}
.frmcontact .row .btn input {background-color:#EAEAEA;
                             border:1px solid #ccc;
                             padding-right:10px;
                             padding-left:10px;
                             padding-top:0px;
                             padding-bottom:0px;
                             line-height:15px;}

/** footer **/
.footer {float:left;
	 border:0px solid #000;
         background-image:url('img/prt/footer_sh.png');
         background-repeat:repeat-x;
         background-position:top left;
         width:100%;
         padding-top:5px;
         padding-bottom:5px;
         background-color:#4D55DB;}
.footer .txt {width:990px;
              margin:0px auto;
              border:0px solid #000;
              overflow-y:hidden;}
.footer ul {border:0px solid #000;
            padding-left:10px;
            overflow-y:hidden;}
.footer ul li {float:left;
               list-style:none;
               color:#fff;
               padding-right:4px;
               padding-left:1px;}
.footer ul li a {color:#fff}
#in .footer ul li a:hover, 
#hm .footer ul li a:hover {color:#BBE4FF;}

