/*-----------------------------------------------------
	CodePress.co.uk - My Office
	
	Browser test complete:
	Internet explorer/Win: 6+ 
	Firefox: 1.5+
	Opera: 8.51+
	Safari: 2.0+
	Mozilla: 1.7.5+
	Camino: 1.0
------------------------------------------------------*/

@import url("reset.css");
body { font: 8pt Tahoma,Verdana, Arial,  sans-serif; color: #707070; }
	#skiplinks { position: absolute; left: -9999px; }
	
.arrowbullet
{ 
	line-height:16px;
	font-size:9pt;
	vertical-align:text-top;
	margin-left:16px;
	list-style:disc url(../images/arrow_right_blue.png) outside
	
}

.greenarrowbullet
{ 
	line-height:16px;
	font-size:9pt;
	vertical-align:text-top;
	margin-left:16px;
	list-style:disc url(../images/bullet.small.jpg) outside
	
}

.arrowbullet ul li
{
	margin-left:10px;
}

.question
{
	color: #2F6A9B;
}
 
/*-----------------------------------------------------
	0.1 Font Sizes
------------------------------------------------------*/

/*h1, h2, h3, h4, h5, h6, p, dd, dt, li { line-height: 10pt; }*/
strong { font-weight: bold; }
/*a:link { text-decoration: none; color: #77BCE8; }*/
a:link { text-decoration: none; color: #2F6A9B; }
/*a:visited { text-decoration: none; color: #77BCE8; }*/
a:visited { text-decoration: none; color: #2F6A9B; }
a:hover { text-decoration: underline; }
h2, h3, h4, h5 { color: #0F4A6B; font-family: Tahoma, "Trebuchet MS", Geneva, lucida, sans-serif; }
h2 { font-weight:bold; font-size: 12pt; margin-bottom: 12pt; }
h3 { font-size: 10pt; margin: 0.75em 0; }
h5 { font-size: 10pt; margin: 0 0; }
h4 { font-size: 9pt; font-weight: bold; }
p { margin-bottom: 1em; }
 #header a { color: #898989; font-size: 10pt; font-family: Tahoma, "Lucida Grande", lucida, sans-serif; }
 #nav a { color: #fff; background-color: #0F4A6B; font-family: Tahoma, "Lucida Grande", lucida, sans-serif; }
 #nav .main a { font-size: 10pt; }
 #nav .user a { font-size: 8pt; }
 #sub-nav a
{
	font-size: 10pt;
	color: #6a6a6a;
}
 #sub-nav a:hover { color: #77BCE8 !important; }
  #sub-nav li.current a { color: #626262 !important; font-weight: bold; }
/*  #sub-nav ul a, #sub-nav li.current ul a { color: #77BCE8 !important; } */
    #sub-nav ul a, #sub-nav li.current ul a { color: #2F6A9B !important; } 
 #content .intro-text { color: #0075D2; font-weight: bold; font-size: 10pt; line-height: 1.25em; }
/* .promo a:hover { background: #fff; color: #77BCE8; } */
   .promo a:hover { background: #fff; color: #2F6A9B; }
 #footer { font-family: Tahoma, "Lucida Grande", lucida, sans-serif; }
  #footer a { color: #898989; }
 
/*-----------------------------------------------------
	1.0 Main layout
------------------------------------------------------*/

#main { width: 866px; margin: 0 auto; text-align: left; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
 #header { height: 75px; position: relative; }
  #header h1 { font-size: 8pt; height: 54px; margin: 0; overflow: hidden; position: absolute; width: 177px; top: 10px; left: 18px; }
   #header h1 span { background : url(../images/text/logo.png); display: block; height: 54px; left: 0; top: 0; width: 100%; z-index: 1; position: absolute; }
  	#header h1 a:hover{text-decoration:none}
  #header ul { position: absolute; top: 10px; right: 18px; }
   #header li { float: left; padding-left: 12px; }
   
 /*-----------------------------------------------------
		Main navigation
	------------------------------------------------------*/
 
 #nav { background: #0F4A6B; padding: 12px 11px 10px 11px; }
  #nav .main { float: left; width: 550px; }
  #nav .user { float: right; }
   #nav li { float: left; }
   #nav .main li { margin-right: 18px; }
   #nav .user li { padding-left: 22px; }
   #nav .user li.my-login { background: url(../images/icons/login.gif) left center no-repeat; }
   #nav .user li.my-account { background: url(../images/icons/account.gif) left center no-repeat;  margin-left: 18px; }
   
 /*-----------------------------------------------------
		Intro
	------------------------------------------------------*/
 
 #intro { height: 220px; position: relative; clear: both; }
  #intro img { display: block; }
  #intro .trial { position: absolute; margin: 0; left: 473px; top: 155px; }
  
 /*-----------------------------------------------------
		Inner wrapper
	------------------------------------------------------*/
 
 .inner { padding: 37px 20px 20px 20px; border-top: 6px solid #CECCCC; }
 .home .inner { padding-top: 31px; }
 
 /*-----------------------------------------------------
		Content
	------------------------------------------------------*/
 
 #content { float: right; width: 613px; margin-top: -5px; }
  #content h3 { clear: both; }
  #content img.right { float: right; margin: -8px 8px 30px 30px; }
  
 /*-----------------------------------------------------
		Promotion Links
	------------------------------------------------------*/
 .callouts { margin: 25px 0 0 0; }
  .callouts li { float: left; }
  .callouts .callout01, .callouts .callout03 { margin-right: 45px; }
   .callouts a { font-size: 1em; height: 89px; margin: 0; overflow: hidden; position: relative; width: 234px; display: block; }
   .callouts a span { cursor: pointer; display: block; height: 100%; left: 0; top: 0; width: 100%; z-index: 1; position: absolute; background-repeat: no-repeat; }
   .callouts a:hover {text-decoration:none;}
   .callouts a:hover span { background-position: bottom left; }
   .callouts .callout01 a span { background-image: url(../images/callouts/01.gif); }
   .callouts .callout02 a span { background-image: url(../images/callouts/02.gif); }
   .callouts .callout03 a span { background-image: url(../images/callouts/03.gif); }
   .callouts .callout04 a span { background-image: url(../images/callouts/04.gif); }
   
 /*-----------------------------------------------------
		Sub navigation
	------------------------------------------------------*/
 
 #sub-nav { float: left; width: 164px; border-top: 2px solid #0F4A6B; }
  #sub-nav li { background: url(../images/bg/sub-nav-li.gif) left bottom repeat-x; }
   #sub-nav li a { display: block; padding: 3px 0; }
   #sub-nav li a:hover { text-decoration: none; }
   #sub-nav li ul { border-top: 1px solid #A2A2A2; padding: 4px 5px; }
    #sub-nav ul li { background: none; }
    #sub-nav ul a { padding: 0px 0px; font-weight: normal !important; }
    
    #sub-sub-nav { color:#77BCE8; }
    
 /*-----------------------------------------------------
		Auto clearing floats
	------------------------------------------------------*/
 
 #nav:after, .inner:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
 
/*-----------------------------------------------------
	Footer
------------------------------------------------------*/	

#footer { width: 766px; margin: 0 auto; text-align: left; padding: 12px 0 50px 0; }
 #footer .links { float: left; width: 450px; }
 #footer .privacy { float: right; font-size: 0.92em; }
   #footer li { float: left; }
   #footer .links li { margin-right: 16px; }
   #footer .privacy li { margin-left: 13px; }
   

/* ----------------------------------------------------------------- */
p.p_bold 
{
    font-weight:bold;
}

h1.right_green
 {
    font-size:16px;
    padding:10px 5px 10px 0px;
    height:22px;
    background: #226500;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

ul.right_bullets_normal li
 {
    margin:10px 0px;
    list-style:inside;
}
/* ----------------------------------------------------------------- */