/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  background: #c4ccd2 url(../images/bg/shade_body.jpg) repeat-x top left;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  color: #555;
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1 {
  padding-bottom: 0.2em;
  font: 400 1.6em arial, sans-serif;
  color: #536C71;
}

h2 {
	background-image: url("http://www.bayviewpenthouses.co.za/images/content/blueheadings.gif");
	background-repeat: repeat-x;
	font-size: 1.2em;
	color: #FFF;
	padding: 1px 0px 1px 4px;
}

h3 {
  padding-bottom: 0.2em;
  font: 400 1.6em arial, sans-serif;
  color: #536C71;
}

h4 {
  font: 400 1.6em arial, sans-serif;
  color: #536C71;
}

h5 {
  font-size: 0.8em;
}

/* Needed to horizontally pad in a coloured container */

.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}

/* Links */

a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #000;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

/* Images */

img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}

/* Lists */

ul li {
  list-style-image: url(../images/bg/submenu1.gif);
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}

/* Blockquote */

blockquote {
  margin: 0;
  padding: 10px 20px;
}

/**************************************************************

   Form Elements

 **************************************************************/

hr {
border: none 0;
border-top: 1px dotted #CCC;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

/*---new accordian begin ---*/

#accordion {
	margin:0px auto; 
	padding:0; 
	width:400px; 
	border:5px solid #FFF; 
	background:url("http://www.bayviewpenthouses.co.za/images/content/grey5x8.jpg")
	}
#accordion2 {
	margin:0px auto; 
	padding:0; 
	width:400px; 
	border:5px solid #FFF; 
	background:url("http://www.bayviewpenthouses.co.za/images/content/grey5x8.jpg")
	}
#accordion10 {
	margin:0px auto; 
	padding:0; 
	width:500px; 
	border:5px solid #FFF; 
	}
h3.toggler {
cursor: pointer;
margin: 0;
color: #FFF;
padding: 4px 5px 0px 5px;
background-image: url("http://www.bayviewpenthouses.co.za/images/content/accordianheader.jpg");
background-repeat: no-repeat;
font: 400 1em verdana, arial, sans-serif;
height:17px;
}

h3.toggler:hover   { 
background-image:url("http://www.bayviewpenthouses.co.za/images/content/accordianheader.jpg");
color: #FFF;
	}
h3.toggler2 {
cursor: pointer;
margin: 0;
color: #FFF;
padding: 4px 5px 0px 5px;
background-image: url("http://www.bayviewpenthouses.co.za/images/content/accordianheader.jpg");
background-repeat: no-repeat;
font: 400 1em verdana, arial, sans-serif;
height:17px;
}

h3.toggler2:hover   { 
background-image:url("http://www.bayviewpenthouses.co.za/images/content/accordianheader.jpg");
color: #FFF;
	}
h3.toggler10 {
cursor: pointer;
margin: 0;
color: #FFF;
padding: 4px 5px 0px 5px;
	background-color:#009;
font: 400 1em verdana, arial, sans-serif;
height:17px;
}

h3.toggler10:hover   { 
	background-image: url("http://www.bayviewpenthouses.co.za/images/content/blueheadings.gif");
	background-repeat: repeat-x;
color: #FFF;
	}

h3.NotActiveBgImage {
background-image:url("http://www.bayviewpenthouses.co.za/images/content/accordianheaderns.jpg");
color: #CCC;
	height:17px;
}
h3.ActiveBgImage {
background-image:url("http://www.bayviewpenthouses.co.za/images/content/accordianheader.jpg");
	color: #FFF;
	height:17px;
}
h3.NotActiveBgImage10 {
	background-color:#009;
	color: #CCC;
	height:17px;
}
h3.ActiveBgImage10 {
	background-image: url("http://www.bayviewpenthouses.co.za/images/content/blueheadings.gif");
	background-repeat: repeat-x;
	color: #FFF;
	height:17px;
}
div.element	{
	padding: 10px 10px 10px 10px;
	margin:0px;
}
div.element2	{
	padding: 10px 10px 10px 10px;
	margin:0px;
}
/*----new accordian end ---*/







table.border3px {
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: white white white white;
	border-collapse: separate;
	background-color: white;
}