/*-------------------------------------------------------  CORE STYLES --------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-image: url(../images/design/bg.png);
	background-repeat: repeat-x;
}

#editor {
	background-color:#fff;
}

h1{
	font-size: 1.1em;
	color: #556670;
	margin: 0px 0px 0px 0px;
}

h2{
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
}

h2.hottopic{
	font-size: 1.1em;
	color: #d8368e;
	margin: 0px 0px 0px 0px;
}

h3.hottopic{
	font-size: 0.8em;
	color: #d8368e;
	
}

h2.intro{
	font-size: 0.8em;
	color: #556670;
}

h2.blog{
	font-size: 1.1em;
	color: #b6b4cf;
	margin: 0px 0px 0px 0px;
}

h3.blog{
	font-size: 0.8em;
	color: #b6b4cf;
}

h2.feature{
	font-size: 1em;
	color: #ffffff;
	background-color: #d8368e;
	padding: 5px 10px 5px 5px;
}

h2.points{
	font-size: 1em;
	color: #ffffff;
	background-color: #6C80A5;
	padding: 5px 10px 5px 5px;
}

h3{
	font-size: 0.8em;
}

h3.hottopic{
	font-size: 0.8em;
	color: #d8368e;
	margin: 0px 0px 0px 0px;
}

h3.blog{
	font-size: 0.8em;
	color: #788bae;
	margin: 0px 0px 0px 0px;
}

h3.profile{
	font-size: 0.8em;
	color: #ffffff;
	margin: 10px 0px -10px 0px;
}

h3.question{
	font-size: 0.8em;
	color: #D8368E;
	margin: 0px 0px -10px 0px;
}

h3.reasons{
	font-size: 1.1em;
	color: #7a8caf;
	margin: 0px 0px 0px 0px;
	line-height: 1.6em;
}



h4{
	
}

p{
 	font-size: 0.75em;
	color: #4c4d4e;
}

p.profile{
 	font-size: 0.75em;
	color: #ffffff;
}

p.error{
 	color: #FF0000;
}

li{
	font-size: 0.8em;
	list-style: disc;
}
colleft.smallleft{
	float: left;
}

colright.smallright{
	float: right;
}
/*-------------------------------------------------------  CORE STYLES END  --------------------------------------------------------*/

/*-------------------------------------------------------  LAYOUT DIVS --------------------------------------------------------*/

div.head{
	width: 965px;
	min-height: 181px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: right;
	background-image: url(../images/design/head.png); 
}

div.toolbarcentre {
	width: 964px;
	height: 96px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#xToolbar{
	width: 964px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: fixed; 
	width: 964px; 
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #00adef;
	overflow: visible;
}

div.wrapper{
	width: 954px;
	margin: 0px auto 0px auto;
	padding: 0px 5px 0px 6px;
	background-color: #ffffff;
	overflow: hidden;
}

div.footer{
	width: 954px;
	margin: 10px auto 20px auto;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #dddddd;
	text-align: center;
	font-size: 0.7em;
	color: #aaaaaa;
}

div.expandable{
	width: 140px;
	padding: 10px 10px 10px 10px;
	background-image: url(../images/design/expandablebg.jpg);
	background-repeat: repeat-x;
	background-color: #f8dc61;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #f8dc61;
	font-size: 0.8em;
	margin: 0px 0px 5px 0px;
	overflow: auto;
	color: #ffffff;
}

div.submenu{
	width: 146px;
	padding: 5px 10px 0px 22px;
	background-image: url(../images/design/expandablebg.jpg);
	background-repeat: repeat-x;
	background-color: #303030;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #131313 #3b3a3a #3b3a3a #131313;
	font-size: 0.7em;
	margin: 0px 0px 5px 0px;
	overflow: auto;
}

div.newsdropdown {
	width: 100%;
	padding-bottom: 10px;
}

div.pagination {
	padding-top: 10px;
	clear: both;
	text-align: center;
}

a.expand{
	background-image: url(../images/design/expandable.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 7px 0px 7px 9px;
	margin: 1px 0px 1px 0px;
	text-decoration: none;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
}

a.expand:hover{
	background-image: url(../images/design/expandable-on.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 1px 0px 1px 0px;
	text-decoration: none;
	color: #00adef;
	font-size: 10px;
	font-weight: normal;
}

/* CSS for login box */
label.login{
float: left;
width: 120px;
font-size: 0.8em;
}

input.login {
width: 200px;
margin-bottom: 5px;
}

/* End of CSS for login box */

/*-------------------------------------------------------  LAYOUT DIVS END --------------------------------------------------------*/

/*-------------------------------------------------------  DIVS CONTAINED IN WRAPPER --------------------------------------------------------*/

div.menu{
	width: 165px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: auto;
}

div.submenu{
	width: 155px;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	border-color: #000000;
	background-color: Silver;
	text-align: left;
	overflow: auto;
}
/*------------------------------ Four Cols --------------------------------*/
div.containerfour{
	width: 775px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;

}

div.fourcolsub{ /* MODIFIED */
	float: left;
	margin-top: 10px 0px 0px 20px;
	width: 593px;
	min-height: 280px;
	background: url(../images/design/profiles.png) no-repeat;
	overflow: hidden;
}

div.fourcolcon{
	float: left;
	width: 393px;
}

div.fourcoll{
	float: left;
	width: 177px;
	padding: 190px 8px 40px 8px;
	color: #ffffff;
}

div.fourcolm{
	float: right;
	width: 177px;
	padding: 190px 8px 40px 8px;
	color: #ffffff;
}

div.fourcolr{
	float: right;
	width: 177px;
	padding: 190px 8px 40px 8px;

	color: #ffffff;
}

div.fourcolcalls{
	float: right;
	width: 177px;
}

div.fourthcol{
	width: 157px;
	height: 193px;
	background-repeat: no-repeat;
	padding: 5px 10px 0px 10px;
}

/* Amended for Featured layout... */
div.fourcolsub div.fourcol {
 float: left;
 width: 195px;
}
div.pad {
margin-left: 4px;
}
div.fourcol .inner {
padding: 8px;
}

/*------------------------------ Four Cols Ends --------------------------------*/


/*------------------------------ Three Cols --------------------------------*/
div.containerthree{
	width: 775px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}



div.threecolsub{
	float: left;
	width: 583px;
	overflow: hidden;
}

div.threecoll{
	float: left;
	width: 298px;
}

div.threecolm{
	float: right;
	width: 266px;
}

div.threecolr{
	float: right;
	width: 177px;
}

div.callbox{
	width: 157px;
	height: 100px;
	background-image: url(../images/design/call-box.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #3a98dc;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -10px 0px;
	font-size: 16px;
	font-weight: bold;
}

div.callbox-mouth{
	width: 157px;
	height: 180px;
	background-image: url(../images/design/call-box-mouth.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #3a98dc;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -10px 0px;
	font-size: 16px;
	font-weight: bold;
}

/*------------------------------ Three Cols Ends --------------------------------*/

/*------------------------------ Two Cols --------------------------------*/

div.containertwo{
	width: 775px;
	float: right;
	margin: 0px 0px px 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

div.twocollodd{
	float: left;
	width: 298px;
}

div.twocolrodd{
	float: right;
	width: 457px;
}

div.twocoll{
	float: left;
	width: 381px;
}

div.twocolr{
	float: right;
	width: 381px;
}

/*------------------------------ Two Cols Ends --------------------------------*/

/*------------------------------ One Col --------------------------------*/

div.containerone{
	width: 775px;
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

/*------------------------------ One Ends --------------------------------*/

/*------------------------------ Newsletter page  --------------------------------*/
div.mainnewsletter{
	width: 775px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

div.newsletterleft{
	float: left;
	width: 410px;
}


div.newsletterright{
	float: right;
	width: 350px;
}

/*------------------------------ END of Newsletter page  --------------------------------*/

/*-------------------------------------------------------  DIVS CONTAINED IN WRAPPER ENDS --------------------------------------------------------*/
/*-------------------------------------------------------  LINKS CLASSES --------------------------------------------------------*/
a{
	color: #d8368e;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #3a98dc;
	font-weight: bold;
	text-decoration: none;
}

a.menu{
	display: block;
	padding: 10px 5px 10px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background-image: url(../images/design/link-bg.png);
	background-repeat: repeat-y;
	color: #556670;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.menu:hover{
	display: block;
	padding: 10px 5px 10px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background: #eef1f5;
	background-repeat: repeat-y;
	color: #b6b4cf;
	text-decoration: none;
	font-weight: bold;
}

a.news {
	color: #4c4d4e;
	font-weight: normal;
}

a.news:hover {
	color: #556670;
}

a.titlemenu{
	display: block;
	padding: 10px 5px 10px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background-image: url(../images/design/link-bg.png);
	background-repeat: repeat-y;
	color: #556670;
	font-size: 0.8em;
	text-decoration: underline;
	font-weight: bold;
}

a.titlemenu:hover{
	display: block;
	padding: 10px 5px 10px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background: #eef1f5;
	background-repeat: repeat-y;
	color: #556670;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.submenu{
	display: block;
	padding: 4px 5px 4px 18px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background-image: url(../images/design/link-bg2.png);
	background-repeat: repeat-y;
	color: #556670;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.submenu:hover{
	display: block;
	padding: 4px 5px 4px 18px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background: #eef1f5;
	background-repeat: repeat-y;
	color: #b6b4cf;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.babymenu{
	display: block;
	padding: 4px 5px 4px 28px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background-image: url(../images/design/link-bg2.png);
	background-repeat: repeat-y;
	color: #556670;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
}

a.babymenu:hover{
	display: block;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #b0b0b0;
	background: #eef1f5;
	background-repeat: repeat-y;
	color: #b6b4cf;
	font-size: 0.8em;
	text-decoration: none;
}

a.sitemapbaby {
	color: #d8368e;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.8m;
	padding: 0px 0px 0px 30px;
}

a.sitemapbaby:hover {
	text-decoration: underline;
}

a.hottopic{
	color: #d8368e;
	float: right;
	font-weight: bold;
	text-decoration: none;
}

a.hottopic:hover{
	color: #3a98dc;
	float: right;
	font-weight: bold;
	text-decoration: none;
}

a.blog{
	color: #788bae;
	float: right;
	font-weight: bold;
	text-decoration: none;
}

a.blog:hover{
	color: #3a98dc;
	float: right;
	font-weight: bold;
	text-decoration: none;
}

a.question{
	color: #d8368e;
	font-weight: bold;
	text-decoration: none;
}

a.question:hover{
	color: #3a98dc;
	font-weight: bold;
	text-decoration: none;
}

a.sitemap{
	color: #d8368e;
	font-weight: bold;
	text-decoration: none;
}

a.sitemapsub{
	color: #d8368e;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8m;
}

a.sitemapsub:hover{
	color: #d8368e;
	text-decoration: underline;
}

a.linkbutton{
	display: block;
	width: 330px;
	background-image:  url(../images/design/linkbutton.png);
	background-position: top;
	text-align: left;
	background-repeat: no-repeat;
	padding: 12px 0px 15px 20px;
	color: #ffffff;
}

a.linkbutton:hover{
	display: block;
	width: 330px;
	background-image:  url(../images/design/linkbutton.png);
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: left;
	padding: 12px 0px 15px 20px;
}


/*-------------------------------------------------------  LINKS ENDS --------------------------------------------------------*/

/* ---------------------------------------------------- Contact area CSS ---------------------------------------------------- */

label.contact{
float: left;
width: 120px;
font-size: 0.8em;
}

label.remember{
 	font-size: 0.75em;
	color: #4c4d4e;
	padding-left: 6px;
}


label.contactbox{
font-size: 0.8em;
padding-left: 6px;
}

label.contactboxsmall{
font-size: 0.7em;
padding-left: 6px;
}

input.menu {
width: 135px;
margin-bottom: 5px;
background: #f7f7f7;
border-color: #949494;
border-width: 1px;
border-style: solid;
}

input.contact, textarea.contact{
width: 257px;
margin-bottom: 5px;
background: #f7f7f7;
border-color: #949494;
border-width: 1px;
border-style: solid;
}

input.contactb, textarea.contactb{
width: 237px;
margin-bottom: 5px;
background: #f7f7f7;
border-color: #949494;
border-width: 1px;
border-style: solid;
}

input.contactcode, textarea.contactcode{
width: 200px;
padding-top: 5px;
}

textarea.imagecap{
height: 80px;
margin: 0px;
}


textarea.right {
width:146px;
height:70px;
}

textarea.contact{
width: 200px;
height: 100px;
}

div.contactimage {
	padding: 0px 0px 0px 0px;
	text-align:left;
	float: right;
	width: 275px;
}

div.contactimage  img{
	padding: 0px 5px 5px 0px;
	text-align:left;
	float: left;
}

span.blue {
	color: #3a98dc;
}

span.pink {
	color: #d8368e;
}

/* ------------------  This makes sure that the sliding links are close by default ------------------*/
#first { 
display: none;
}

#second { 
display: none;
}

#third { 
display: none;
}

#fourth { 
display: none;
}

#fifth { 
display: none;
}

#sixth { 
display: none;
}

/* ----------------------------------------------------End contact area CSS -----------------------------------------------*/

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   /*background-color:#FF0000 !important; //reCaptcha widget background color*/
 }
 
 #recaptcha_table {
  /* border-color: #FF0000 !important; //reCaptcha widget border color*/
 }
 
 #recaptcha_response_field {
   /*border-color: #FF0000 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color*/