/* Copyright 2006 SBM Ltd. All Rights Reserved.

------------------------------------------------------

General Elements

Page Structure

Online Dating

Typography

Images

Navigation

Links

Footer

Forms

------------------------------------------------------ */

/* GENERAL ELEMENTS */

html { 

padding: 0;

margin: 0;

}

body {

font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;

color: #5b5b5b;

/*background: #f3f3f3;*/
background: #f3f3f3;

text-align: left;

margin: 0;

padding: 0;

}

body#print table {

font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;

}

body#print {

background: #fff;

}

body#body {

text-align: center;

}

.full { width:95%; margin-left:13px; }

.greyboxes { background:#fcfcfc; border:1px solid #e8e8e8; padding:7px; }

.middle { text-align:center; }



/* PAGE STRUCTURE */

#wrap {

width: 750px; 

margin: 0 auto;

padding: 0;

}

#header {

margin: 0;

padding: 0;

width: 750px;

float: left;

}

#copy {

width: 750px;

margin: 0;

/*padding: 0 0 20px 0; remove grayspace at bottom.*/
padding: 00;

float: left;

/*background: url(Images/contentbgInd.gif) top left repeat-y;*/

text-align: left;

}

#right {

width: 570px;

margin: 0;

padding: 0;

float: right;

}

#left {

width: 180px;

margin: 0;

padding: 10px 0 0 0;

float: left;

background: #030359;

}

/* for index page */
#IPageBG {

width: 750px;

margin: 0;

padding: 0 0 20px 0;

float: left;

background: url(Images/IPageBG.gif) top left repeat-y;

text-align: left;

}

#IPageCenter {

width: 570px;

margin: 00;

padding: 10px 20px 0 0px; /*top, right.., bottom, left..?*/

float: right;

/*background: #ffffff;*/

}

#TPageCenter {

width: 570px;

margin: 00;

padding: 15px 20px 0 0px; /*top, right.., bottom, left..?*/

float: right;

/*background: #ffffff;*/

}

#APageCenter {

width: 550px;

margin: 00;

padding: 15px 20px 0 0px; /*top, right.., bottom, left..?*/

float: right;

/*background: #ffffff;*/

}

#APageSideLink {

width: 116px;

margin: 00;

padding: 15px 0px 0 0px; /*top, right.., bottom, left..?*/

float: right;

/*background: #ffffff;*/

}

#CPageLHS {

width: 630px;

margin: 00;

padding: 15px 20px 0 0px; /*top, right.., bottom, left..?*/

float: right;

/*background: #ffffff;*/

}

#emailform { width:92%; border:1px solid #dfe0e1; background:#f8fafe; margin-left:20px; }

.bottomrow { border-bottom:1px solid #dfe0e1; }

.bold { font-weight:bold; }

/*TYPOGRAPHY */

table {

font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;

vertical-align: top;

margin: 0;

padding: 0;

}

p {

margin: 0; 

padding: 8px 20px; 

}

p1 {

margin: 0; 

padding: 80px 40px; 

}

h1 { 

font: bold 16px/20px Arial, Helvetica, sans-serif;

margin: 8px 20px; 

padding: 0;

color: #030359;

text-transform: uppercase;

}

#print h1 {

margin: 8px 0; 

}

h2 { 

font: bold 12px/20px Arial, Helvetica, sans-serif;

margin: 16px 20px 8px 20px; 

padding: 0;

color: #2C2C8F;

}

h3 { 

font: bold 11px/20px Arial, Helvetica, sans-serif;

margin: 16px 20px 8px 20px; 

padding: 0;

color: #2C2C8F;

}

.blue {

color: #212A86;

}

ul {

list-style: none;

padding: 8px 20px;

margin: 0;

}

li {

background: url(Images/insidearrow.gif) top left no-repeat;

padding: 0 20px;

margin: 0;

}

table.Specs {

background: #fcfcfc;

border: 1px solid #e8e8e8;

border-bottom: 0;

margin: 8px 20px;

width: 530px;

}

table.Specs td {

border-bottom: 1px solid #e8e8e8;

}

.SpecsTitle {

background: #eee;

}

.bluetext { color:#212a86; }

/* IMAGES */

#slideshow {

padding: 0;

margin: 0;

}

#slideshowleft {

width: 180px;

height: 130px;

float: left;

padding: 0;

margin: 0;

}

#slideshowright {

width: 570px;

height: 130px;

float: right;

padding: 0;

margin: 0;

}

.leftimg {

float: left;

margin: 8px 20px;

display: inline;

}

.rightimg {

float: right;

margin: 8px 20px; 

display: inline;

}

/* NAVIGATION  */

#nav ul { list-style:none; margin:0; padding:0; width:180px; }

#nav ul li { position:relative; background:none; margin:0; padding:0; }

#nav ul li ul { position:absolute; left:180px; top: 0; display:none; background:#2c2c8f; color:#fff; }

#nav ul li a { color:#fff; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; padding:6px 10px 6px 35px; width:135px; background:url(Images/arrow.gif) 10% 50% no-repeat; }

#nav ul li a:hover { color:#fff; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; padding:6px 10px 6px 35px; width:135px; background:url(Images/arrow.gif) 10% 50% no-repeat #2c2c8f; }



#nav ul li ul li ul li, #nav ul li ul li ul li { display:none; position:absolute; left:90px; top:0px; background:#2c2c8f; }

#nav ul li ul li:hover ul li, #nav ul li ul li.over ul li { display:block; }



/* Fix IE. Hide from IE Mac \*/

* html #nav ul li, * html #nav ul li ul li { float: left; height: 1%; }

* html #nav ul li a, * html #nav ul li ul li a { height: 1%; }

/* End */


#nav ul li ul li a:link, #nav ul li ul li a:visited { color:#fff; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; padding:6px 10px 6px 35px; width:135px; background:url(Images/arrow.gif) 10% 50% no-repeat; }

#nav ul li ul li a:hover { color:#fff; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; padding:6px 10px 6px 35px; width:135px; background:url(Images/arrow.gif) 10% 50% no-repeat #030359; }

#nav ul li:hover ul, #nav ul li.over ul { display: block; }


/* NAVIGATION Changes thanx to the tutorial on http://www.alistapart.com/articles/slidingdoors/*/
#NavH {
  float:left;
  width:100%;
  background:#DAE0D2 url(Images/bg.gif) repeat-x bottom;
  font-size:110%;/*was 93*/
  line-height:normal;
  }
#NavH ul {
  margin:0;
  padding:10px 90px 0; /*was x 10px - 90px to accomodate for blue colour on LHS*/
  list-style:none;
  }
#NavH li {
  float:left;
  background:url(Images/norm_left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#NavH a {
  float:left;
  display:block;
  background:url(Images/norm_right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#NavH a {float:none;}
/* End IE5-Mac hack */
#NavH a:hover {
  color:#333;
  }
#NavH #current {
  background-image:url(Images/norm_left_on.gif);
  }
#NavH #current a {
  background-image:url(Images/norm_right_on.gif);
  color:#333;
  padding-bottom:5px;
  }


#brochurenav {

width: 570px;

padding: 6px 0;

margin: 0 0 10px 0;

float: left;

list-style: none;

background: #2C2C8F;

}

#brochurenav li {

float: left; 

margin: 0 0 0 20px;

padding: 0;

background: none;

display: inline;

}

#brochurenav li a {

color: #fff;

float: left;

padding: 0;

margin: 0;

}

#printlogo {

	display:none;

}

/* LINKS */

.logo {

float: left;

padding: 0;

margin: 0;

background: #fff url(Images/logo.gif) 50% 50% no-repeat; 

height: 105px;

width: 750px;

}

a {

color: #212A86;

text-decoration: underline;

padding: 0;

margin: 0;

}

a:hover {

color: #000;

text-decoration: none;



}

a img {

border: 0;

}

ul#greybar {

width: 740px;

height: 25px;

background: #9B9B9B;

padding: 0 10px 0 0;

margin: 1px 0;

float: right;

}

#greybar li {

float: right;

padding: 0;

margin: 0;

}

/* FOOTER */

#footer {

clear: both;

width: 750px;

font: normal 11px/17px Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;

color: #A8A8A8;

padding: 0;

margin: 0;

text-transform: uppercase;

border-top: 1px solid #fff;

background: url(Images/footerbg.gif) top left repeat-x;

}

#footer ul li.credits {

padding: 0 14px 0 0;

margin: 0;

float: left;

}

#footer ul {

margin: 0;

padding: 40px 0 0 0;

list-style: none;

width: 750px;

}

#footer li {

margin: 0;

padding: 0 16px;

display: inline;

float: left;

background: none;

}

#footer li a {

float: left;

}

/* FORMS */

.EmailFormContainer, #subscribe {

margin: 8px 20px;

}