/* =============================================================
     LIME Web Portal: time4lime.com | MYLIME Portal Template
	 MyLIME Portal CSS
	 Release Date: May 14, 2010
	 Designed & Created by: CGR Communications
	 (c) 2010 LIME
============================================================= */

html{
	top:0;
	height: 100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	background: url(../images/background.jpg) repeat-x top center #dedede;
	overflow:scroll;
}

body{
	top:0;
	height:100%;
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:center;
	color:#fff;
	font:normal 75% Arial, sans-serif;
}

@font-face {
	font-family:'OfficinaSerifStd-Book', lime_font;
	src: url('../font/OfficinaSerifStd-Book.eot');
	src: local(lime_font), url('../font/OfficinaSerifStd-Book.otf') format('opentype');
}

a:link{ color: #000000;}

a:visited{ color: #000000;}

a:hover, a:focus{ color: #000000; text-decoration:none;}

p{margin:1em 0;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{	margin-top:-0.05em;}

h1, h2, h3, h4, h5, h6{ color: #E20E78; margin-bottom:0.5em; }

h1{ font-size:24px; font-family:'OfficinaSerifStd-Bold', lime_font, arial;}

h2{	font-size:20px; font-family:'OfficinaSerifStd-Bold', lime_font, arial;}

h3{	font-size:18px; font-family:'OfficinaSerifStd-Bold', lime_font, arial;}

h4{	font-size:16px; font-family:'OfficinaSerifStd-Bold', lime_font, arial;}

h5{	font-size:14px; font-family:'OfficinaSerifStd-Bold', lime_font, arial;}

h6{	font-size:12px; font-family:'OfficinaSerifStd-Bold', lime_font, arial;}

ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ list-style:disc;}

em{font-style:italic;}

strong{font-weight:bold;}

em strong, strong em{ font-weight:bold; font-style:italic; }

.menutxt{font-weight:bold; font-size:1.2em;}

#container{
	width: 1024px;
	height: 678px;
	}
	
/*Header*/
#header{ 
	width:956px;
	height:59px;
	margin-bottom:5px;
	background:#fff url('../images/header_background.jpg') repeat-x;
	font-family:'Arial', sans-serif; 
}

#home{
	width:44px;
	float:left;
	margin-left:25px;
}

/*Home rollover*/
#home ul.cssmenu {list-style: none;	padding: 0px;}
.displace {position: absolute; left: -5000px;}
#home ol, ul {margin: 0px;}
#home ul.cssmenu li {list-style:none; float:left;}
#home ul.cssmenu li a {display: block; width: 44px; height: 59px; background: url('../images/home_over.jpg');}
#home ul.cssmenu li.home a {background-position: 0 0;}
#home ul.cssmenu li.home a:hover {background-position: 0 -59px;}

#tabs{
	width:250px;
	float:right;
	margin-top:15px;
}

/*Tab menu rollover*/
#tabs ul.cssmenu {list-style: none;	padding: 0px;}
#tab ol, ul {margin: 0px;}
#tabs ul.cssmenu li {list-style:none; float:left;}
#tabs ul.cssmenu li a {display: block; width: 83px; height: 25px; background: url('../images/tabs.png');}

/*Normal Links*/
#tabs ul.cssmenu li.personal a {background-position: 0 0;}
#tabs ul.cssmenu li.business a {background-position: -83px 0;}
#tabs ul.cssmenu li.enterprise a {background-position: -166px 0;}

/*Hover Links*/
#tabs ul.cssmenu li.personal a:hover {background-position: 0 -25px;}
#tabs ul.cssmenu li.business a:hover {background-position: -83px -25px;}
#tabs ul.cssmenu li.enterprise a:hover {background-position: -166px -25px;}

/*Clicked Links*/
#tabs ul.cssmenu li.personal a:active {background-position: 0 -50px;}
#tabs ul.cssmenu li.business a:active {background-position: -83px -50px;}
#tabs ul.cssmenu li.enterprise a:active {background-position: -166px -50px;}

/*Selected/Active Links*/
#tabs ul.cssmenu li.personal a.selected {background-position: 0 -75px;}
#tabs ul.cssmenu li.business a.selected {background-position: -83px -75px;}
#tabs ul.cssmenu li.enterprise a.selected {background-position: -166px -75px;}

/*LIME floating logo*/
#logo{
	float:left;
	width:75px;
	height:159px;
	margin-top:10px;
	margin-left:0px;
	background:#000;
	z-index:1;
}

/*Text based slogan*/
#slogan{
	float:left;
	width:530px;
	height:52px;
	margin-top:87px;
	margin-left:35px;
	font-size:44px; 
	font-family:'OfficinaSerifStd-Book', lime_font, arial;
	color:#fff;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
}


/*Header image area - to change randomly or be dynamic move to a separate css and include in HTML*/
#headerarea{
	width:956px;
	height:179px;
	background:url('../images/main_img.jpg') no-repeat;
}

#headerarea2{
	width:956px;
	height:179px;
	background:url('../images/main_img.jpg') no-repeat;
}

.clearup{
	clear:both;
}

#userbar {
	width:956px;
	height:28px;
	float:left;
	margin-top:5px;
	margin-left:34px;
	background-color: #000;
	text-align:left;
}

#usermenu {
	width:665px;
	height:22px;
	float:left;
 	font: 1.0em 'Arial', sans-serif;
	font-weight:bold;
  	color: #fff;
	margin-left:28px;
	padding-top:6px;
}

#usermenu a{color:#fff; text-decoration: none;padding-left:10px; padding-right:10px;}
#usermenu a:hover{text-decoration: underline;}

#country_flag{
	width:225px;
	height:27px;
	float:left;
	padding-top:5px;
	padding-left:15px;
}

/*Main content area container*/
#contentarea_container{
	width:956px;
	height:auto;
	min-height:500px;
	float:left;
	margin-top:0px;
	margin-left:34px;
	background:#fff url('../images/contentarea_bg.jpg') repeat-y;
	text-align:left;
	margin-bottom:5px;
}

/*Main content area*/
#contentarea{
	width:665px;
	height:auto;
	min-height:500px;
	float:left;
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:15px;
	font: 1.0em 'Arial', sans-serif;
	font-weight: normal;
	color: #000;
	text-align:left;
}

#contentarea a{text-decoration:underline; color:#45B6EC;}
#contentarea a:hover{text-decoration:none;}

/*Side Bar (right) content area*/
#sidebar_content{
	width:225px;
	height:auto;
	min-height:346px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:15px;
	font: 1.0em 'Arial', sans-serif;
	font-weight: normal;
	color: #000;
	text-align:left;
}

#sidebar_content a{text-decoration:underline; color:#45B6EC;}
#sidebar_content a:hover{text-decoration:none;}
ul.sidemenu li {list-style-image: url('../images/sidemenu_arrow.gif');}
#sidebar_content ul li a {color:#000; text-decoration:none; font-weight:bold; font-size:1.2em; line-height:25px;}
#sidebar_content ul li a:hover {color:#E20E78;}
#sidebar_content hr {
	display: block;
	position: relative;
	padding: 0;
	margin: 8px auto;
	width: 80%;
	clear: both;
	border: none;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #fff;
	font-size: 1px;
	line-height: 0;
	overflow: visible;
}

#livehelp{
	margin-top:15px;
	margin-bottom:5px;
}

/*Footer Elements*/
#colour_bar{
	width:956px;
	height:5px;
	float:left;
	margin-left:34px;
	margin-bottom:5px;
}

#footer{
	width:956px;
	height:37px;
	background-color:#4D4D4D;
	position:relative;
	float: left;
	margin-left:34px;
	padding-top:10px;
	font:normal 75% Arial, sans-serif;
	color:#aaa;
	line-height:17px;
}

#footer a{font-size:1.2em; color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}