body {
	margin: 0;
	padding: 0;
	font-family: "Arial", sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #fff;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top left;
	}
	
/******Start Splash************************************/

body#start {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 	text-align:center;
}

#advertisment {
	margin-top:30px;
	width: 100%;
	height: 350px;
	
}

#button {
	text-align: center;
	margin-right: 220px;
	margin-top: 30px;
	
}

a.enter {
display:block;
margin:15px 0px 10px 175px;
background-image:url(/swu/rrect.ikml?w=105&h=30&r=8&o=000000&i=00a94f&b=00a94f);
background-repeat:no-repeat;
width:100px;
height:30px;
font-size:12px;
color:#fff;
padding:7px 0 0 5px;
font-weight: bold;
}

a.enter:hover {
display:block;
margin:15px 0px 10px 175px;
background-image:url(/swu/rrect.ikml?w=105&h=30&r=8&o=000000&i=fff&b=cccccc);
width:100px;
height:30px;
font-size:12px;
color:#000;
text-decoration:none;
font-weight: bold;
}

	
/******End Splash**************************************/

td,textarea,input,select {
	font-family: Helvetica, sans-serif;
}
#content {
	vertical-align:top;
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{	
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: underline;
	font-weight: normal;
	color: #00A94F;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin:1em 0 1em 1em;
	padding-bottom:0.3em;
	border-bottom:solid 5px #00A94F;
	}
	
h2 {
	font-size: 1.2em;
	margin: 1.2em 1em 1.6em 1.2em;
	font-weight: bold;
	color:#000;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.8em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	padding-left: 0;
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
	
li > p {
	margin-top: 1.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
em {
	font-style:italic;
}
	
	
/**********************SECTION1*****************************/	
/* used to make forms pretty */



form label {
	display:block;
	width:12em;
	float:left;
	vertical-align:middle;
	text-align:right;
	margin:0.5em 1em 1em 0;
}	

form input, form textarea, form select {
	float:left;
}

form br {
	clear:both;
}



/* styling for site container */
div.sitecontainer {
	width:900px;
	border:none;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}



form input, form textarea, form select {
	float:left;
}

form br {
	clear:both;
}



/* styling for site container form label */
div.sitecontainer {
	width:870px;
	border:none;
	background-color:#fff;
	margin-lefT:auto;
	margin-right:auto;
}

div#topbar {
	width:100%;
	/*height:1%;*/
	background-color:#00A94F;
	margin:0;
	padding:0;
	
}

div#topbar img {
	display:block;
	margin:10px 0 0 0;
	border: solid 1px red;
}


/* styling for recipero branding line */
div#reciperobrand {
	float:left;
	width:870px;
	border-bottom:solid 4px #ccc;
	padding:0;
	margin:0;
}

div#reciperobrand img {
	margin:0;
	padding:0;
	width:43px;
	height:12px;
	vertical-align:top;
	padding-top:2px;
}

p#reciperocopyright {
	margin:0;
	float:left;
	border:none;
	vertical-align:bottom;
	font-size:11px;
	color:#999;
	margin-top:2px;
}

p#reciperoowned {
	margin:5px 0 0 0;
	float:right;
	border:none;
	padding:0;
		font-size:11px;
	color:#999;
}

p#reciperoowned a{
	color:#999;
}

;
	margin:0;
	padding:0;
	
}

div#topbar img {
	display:block;
	margin:10px 0 0 0;
}


/* styling for recipero branding line */
div#reciperobrand {
	height:1%;
	border-bottom:solid 4px #ccc;
	padding:0;
	margin:0;
}

div#reciperobrand img {
	margin:0;
	padding:0;
	width:43px;
	height:12px;
	vertical-align:top;
	padding-top:2px;
}

p#reciperocopyright {
	margin:0;
	float:left;
	border:none;
	vertical-align:bottom;
	font-size:11px;
	color:#999;
	margin-top:2px;
}

p#reciperoowned {
	margin:5px 0 0 0;
	float:right;
	border:none;
	padding:0;
		font-size:11px;
	color:#999;
}

p#reciperoowned a{
	color:#999;
}

/******************section2************************************************

/* styling for primary navigation in mend immobilise yellow is #003399   */
div.primarynav {
	clear:both;
	background-color:#00A94F;
	width:170px;
	height:650px;
	float:left;
	margin:0;
	padding:0;
	
}

div.primarynav ul {
	list-style:none;
	margin:40px 6px 0 10px;
}

div.primarynav ul li {
	margin:0;
}

div.primarynav ul li a {
	display:block;
	margin:0;
	width:12em;
	padding:0 0 0 1em;
	border-left:solid 8px #337F36;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

div.primarynav ul li a:hover {
	border-left:solid 8px #fff;
	text-decoration:none;
	color:#fff;
	background-color:#000;
}

/* styling for list within a list */
div.primarynav ul li ul {
	margin:0 0 0 0.5em;
}

div.primarynav ul li ul li {
	margin:0;
}



/****************************section 3*******************************/


.content {
	background-color: #fff;
	color:#000;
	width:700px;
	float:left;
	
}
.content p {
	margin:0 10px 10px 20px;
	line-height:13px;
	color:#000;
}

.content form {
	width:600px;
	background-color:#f00;
	margin:2em;
	padding:1em;
}

.content form label em {
	font-size:12px;
	color:#666;
}

.content form.widelabels label {
	width:190px;
}

.content form.superwidelabels label {
	width:25em;
}

/* footer stuff */
.footer {
	background-color: #fff;
	clear: both;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-top:solid 1px #999;
}

.footer p {
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin:0;
}
.footer p a {
	font-weight:normal;
	color:#999;
}
.footer p a:hover {
	color:#666;
}



/* styling for headings etc in content area */
.content h1 a {
	margin:0 0 0.5em 0;
	font-size:12px;
}

.content table.possessions {
	border-collapse:collapse;
	border:none;
}

.content table.possessions th {
	border-collapse:collapse;
	padding:0.5em;
	border:none;
	background-color:#eee;
}

.content table.possessions td {
	border-collapse:collapse;
	font-size:12px;
	padding:0.5em 0 0.5em 0;
	border:none;
	background-color:#fff;
}

.content table.possessions tr.even {
	background-color:#eee;
}
.content table.possessions td.offers {
	text-align:center;
}

.content #actionbar {
	padding:0.5em;
	background-color:#eef;
	
}



table.billinghistory {
   border-collapse:collapse;
   border:solid 1px #336633;
   margin:0 0 0 20px;
   width:auto;
}

table.billinghistory th {
	background-color:#dfd;
	padding:5px;
	border-bottom:solid 1px #363;
	border-left:solid 1px #363;
}

table.billinghistory td {
	background-color:#fff;
	text-align:center;
	border-bottom:solid 1px #363;
	padding:4px;
}


form h2 {
	margin:2em 0 1em 0;
	border-bottom:solid 1px #ccc;
}

h1 span.hlink, h2 span.hlink {
	background-color:transparent;
	margin-left:0.5em;
	font-size:12px;
}


input,select,textarea {
	border:solid 1px #ccf;
	margin:0.2em;
}

/* used for grouping form elements to the right of the labels */
div.fgroup {
	margin:0.5em 0 0 0;
	float:left;
	text-align:center;
}




/* home page boxes */
div.features {
float:left;
margin:20px 10px 0 10px;
width:312px;
height:516px;
padding:0;
background-image:url(/recipero/products/foneassist/img/panel.gif);
background-repeat: no-repeat;
}

div.features a, 
div.features a:hover,
div.features a:visited,
div.features a:active,
div.benefits a, 
div.benefits a:hover,
div.benefits a:visited,
div.benefits a:active {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}

div.features ul,div.benefits ul {
margin:0px 20px 0 20px;
color: #fff;
}

div.features ul li {
font-size:11px;
line-height:20px;
margin:9px 0 0 0;
list-style: none;
background-image:  url(/recipero/products/foneassist/img/minus.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:2em;
}

div.benefits ul li {
font-size:11px;
line-height:13px;
margin:9px 0 0 0;
list-style: none;
background-image:  url(/recipero/products/foneassist/img/plus.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:2em;
}

div.benefits {
float:left;
margin:20px 10px 0 10px;
width:312px;
height:516px;
padding:0;
background-image:url(/recipero/products/foneassist/img/panel.gif);
background-repeat: no-repeat;
}

div.benefits p {
   font-size:11px;
	color: #fff;
	padding: 0;
	margin: 0 10px 0 20px;
}

div#banner {
	width:600px;
	height:95px;
	margin:0 0 0 0;
	border:none;
	
	
}

div#banner p {
	color:#fff;
	font-weight:bold;
	font-size:14px;
	
}

div#banner p em {
	display:block;
	margin:0;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	font-style:normal;
}



p.permalogin {
	font-weight:bold;
	text-align:right;
	margin:10px 10px 0 0;
}

p.permalogin a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

img.logo {
	border:none;
	padding:0px;
	margin:5px 0 0 10px;
}


div#assetco {
	margin:12px 0 0 10px;
}

div.pagecontent {
	padding:1em 0 0 1.5em;
}


div.quote {
	display:block;
	margin:1em 2em 0 2em;
	padding:0.5em;
	background-color:#eef;
}

div.quote blockquote {
	margin:0;
}

/* p within quote div is the source */
div.quote p {
	margin:0;
	text-align:right;
	font-style:italic;
}

/* but p within blockquote within quote div should be normal left stuff */
div.quote blockquote p {
	font-style:normal;
	margin:0;
	text-align:left;
}

p.highlight {
	font-weight:bold;
	background-color:#eef;
	padding:1em;
	border:solid 2px #039;
}




/* normal forms like credit card, account creation etc. */

/* normal form styling as used for small forms like corporate enquiry */
form.normal {
	margin:2em 2em 0 2em;
	padding:1em;
	background-color:#efe;
	
	
	
}

form.normal input, form.normal textarea {
   font-size:11px;
	display:block;
	float:left;
	width:130px;
	vertical-align:top;
	margin:6px 10px 5px 3px;
	border:solid 1px #363;
}
form.normal input.hide {
	display:inline;
	border:none;
	width:0px;
	overflow:hidden;
	float:right;
}


form.normal label {
	margin:8px 0 5px 0px;
	display:block;
	float:left;
	width:200px;
	text-align:right;
	font-size:11px;
}

form.normal label.small {
	width:60px;
	text-align:right;
}

form.normal p {
	margin:0 0 8px 0;
}

form.normal p.error {
	color:red;
	font-size:11px;
}

form.normal p.submit {
	float:right;
	padding:0;
	margin:0;
	border:none;
}


form.normal input.submit {
   background-image:url(/swu/rrect.ikml?w=125&h=17&r=5&o=339933&i=cceecc&b=000000);
   background-repeat:no-repeat;
	border:none;
	height:17px;
	width:125px;
	padding:none;
}


form.normal p.submit input {
	display:block; /* only submit buttons should be inside p.submit para */
	float:right;
	margin:0 0 0 10px;
	background-image:url(/swu/rrect.ikml?w=125&h=17&r=5&o=00A94F&i=cceecc&b=000000);
    background-repeat:no-repeat;
	border:none;
	height:17px;
	width:125px;
}

form.normal p.submit a {
	display:block;
	float:right;
	width:130px;
	height:18px;
	border:solid 1px #39c;
	text-align:center;
	padding:2px 0 0 0;
	color:#000;
	background-color:#ccc;
}

form.normal p.submit a:hover {
	text-decoration:none;
}

form.normal input.small {
	width:60px;
}

form.normal input.medium {
	width:120px;
}

form.normal input.large {
	width:160px;
}

form.normal input.checkbox {
	border:none;
	width:20px;
}

form.normal label.wide {
width:500px;
}

form.normal textarea {
	width:150px;
	height:70px;
}


a.gxlink {
display:block;
margin:0px 0px 10px 175px;
background-image:url(/swu/rrect.ikml?w=105&h=20&r=5&o=00A9473&i=000000&b=999999);
background-repeat:no-repeat;
width:100px;
height:20px;
font-size:11px;
color:#fff;
padding:3px 0 0 7px;
}

a.gxlink:hover {
display:block;
margin:0px 0px 10px 175px;
background-image:url(/swu/rrect.ikml?w=105&h=20&r=5&o=00A9473&i=cceecc&b=cccccc);
width:100px;
height:20px;
font-size:11px;
color:#000;
text-decoration:none;
}

p.center {
border:none;
padding-left:200px;
}

label {
   cursor:help;
}

div.radiogroup {
    display:block;
    border:none;
    float:left;
}

div.radiogroup input.radio {
   width:12px;
   border:none;
   display:in-line;
}

div.radiogroup label {
   text-align:left;
   width:30px;
}

table#grid {
	border-collapse:collapse;
}
table#grid td {
width:auto;
}
#grid {
	
}
#grid input {
	display:inline;
	margin:0;
	width:7em;
}