/* CSS Document */

/*--------------------BASE--------------------*/
html, body, ul, ol, li, p, h1, h2, h3, form, a, hr {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	margin: 5px 0 20px 0;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
}
#wrapper {
	text-align: left;
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
}

/*-------------------HEADER-------------------*/
#header {
	width: 768px;
	height: 91px;
	display: block;
}
.slogan {
	padding: 41px 0 0 172px;
}
#breadcrumbs {
	height:38px;
	width: 768px;
	background: url(/nonmembers/images/h_dots.gif) repeat-x top;
	color: #949494;
	clear: both;
}
#breadcrumbs .padding {
	padding: 13px 0 0 0;
	float: left;
	width: 500px;
}
#breadcrumbs a {
	color: #949494;
	text-decoration: none;
	outline: none; /*IE remove dashed border*/
}
#breadcrumbs a:hover {text-decoration: underline;}
#breadcrumbs a:focus {-moz-outline-style: none; /*Moz remove dashed border*/}
#search {
	float: right;
	width: 268px;
	margin: 9px 0 0 0;
}

/*-------------------FOOTER-------------------*/
#footer {
	width: 768px;
	text-align: center;
	color: #929292;
	padding: 30px 0 0 0;
}
#footer a {
	color: #929292;
	text-decoration: none;
	outline: none;
}
#footer a:hover {text-decoration: underline;}
#footer a:focus {-moz-outline-style: none;}

/*--------------------BOXES-------------------*/
#login, #memberships, #aboutred24, #map, #news_v, #trials {
	margin: 13px 0 0 0;
	width: 176px;
	float: left;
}
.h_red {
	min-height: 32px;
	background: url(/nonmembers/images/h_redbg.gif) repeat-x #C80101;
	/*border: 3px solid #FE7373;
	border-bottom: none;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.h_red div {padding: 9px 21px 8px 21px;}
.content {
	width: 176px;
	background-color: #EFEFEF;

}

.content .padding {
	padding: 14px 11px 12px 11px;
	border: 1px solid #D8D6D6;
}
#memberships .h_red div {padding: 9px 15px 8px 21px;}
#memberships .content, #news_v .content {width: 196px;}
#memberships .padding, #news_v .padding {padding: 0px 2px 0px 2px;}
#memberships, #news_v, #trials {
	float: left;
	width: 196px;
	margin: 0px;
}
#memberships .main, #memberships .top {
	list-style-type: none;
	background: url(/nonmembers/images/dots.gif) repeat-x top;
	padding: 9px 0 9px 15px;
}
#memberships .top {	background: none;}
#memberships ul li {list-style-type: none;}
#memberships .main ul li {
	margin: 0 20px 0 20px;
	padding: 2px 0 2px 0;
	color: #929292;
	list-style-image: url(/nonmembers/images/bullet_trans.gif);
	list-style-position: outside;
}
#memberships .main ul {padding: 9px 0 0 0;}
#memberships .main a, #memberships .top a {
	color: #313131;
	text-decoration: none;
	outline: none;
}
#memberships .main a:hover, #memberships .top a:hover {color: #FF0000;}
#memberships .main a:focus, #memberships .top a:focus {-moz-outline-style: none;}
#memberships .main ul li a {
	color: #929292;
	text-decoration: none;
	outline: none;
}
#memberships .main ul li a:hover {color: #FF0000;}
#memberships .main ul li a:focus {-moz-outline-style: none;}
#aboutred24 {
	width: 286px;
	margin: 17px 0 0 0;
}
#aboutred24 .content {width: 286px;}
#aboutred24 .padding {
	padding: 14px 17px 12px 17px;
	text-align: justify;
}
#map {
	width: 272px;
	margin: 17px 0 0 0;
	float: right;
	
}
#map .content {
	width: 272px;
	text-align: center;
}
#map .padding {padding: 14px 17px 14px 17px;}
.mappadding{/*mark change on index*/
	border: 1px solid #D8D6D6;
	margin:0;
	padd:0;
	
}
#news_v {margin: 0 0 17px 0;}

#trials .content {width: 196px;}
#trials input {
	float: left;
	padding: 3px 0 0 0;
}

/* ------container styles----- */
#left_container {
	float: left;
	width: 176px;
	height: auto;
}
#mid_container, #main_container {
	width: 349px;
	float: right;
	margin: 0 23px 0 auto;
}
#main_container {
	float: right;
	width: 575px;
	margin: 0 0 0 0;
}
#right_container {
	float: right;
	width: 196px;
	height: auto;
}

/* ---------box styles-------- */
.boxed {list-style-type: none;}
.boxed li {
	padding: 9px 0 9px 13px;
	background: url(../../images/nonmembers/tick.gif) repeat-x right bottom #EBEAEA;
}
.boxed li.alt {background: url(../../images/nonmembers/tick.gif) repeat-x right bottom #F7F7F7;}
.boxed li a {
	color: #313131;
	text-decoration: none;
	outline: none;
}
.boxed li a:hover {color: #FF0000;}
.boxed li a:focus {-moz-outline-style: none;}

/*---------------------TEXT-------------------*/
h1 {
	font-size: 12px;
	color: #FF0000;
	padding: 10px 0 9px 0;
	margin: 0 0 20px 0;
	background:transparent url(/members/images/dots.gif) repeat-x scroll center bottom; /*mark change*/
	
}
h2 {
	font-size: 11px;
	font-weight: bold;
	color: #313131;
}
p {
	margin: 14px 0 0 0;
	text-align: justify;
}
.red {
	color: #FF0000 !important;
}


#trials .field {margin: 0 0 0 0;}

/*--------------------FORMS-------------------*/
#login .field, #trials .field, #search input {
	width: 138px;
	height: 16px;
	padding: 0px;
	margin: 0 0 15px 0;
	border: 1px solid #B2B2B2;
	border-right: none;
	border-bottom: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #484848;
	padding: 3px 0 0 10px;
}
#search input { 
	background: #F7F7F7;
	border: 1px solid #D8D6D6;
	margin: 0 5px 0 0;
	float: right;
	width: 124px;
}

.check {
	padding: 2px 0 0 0;
	outline: none;
}
.check:focus {-moz-outline-style: none;}
a.btn_login, a.btn_search {
	width: 43px;
	height: 21px;
	display: block;
	background: url(/nonmembers/images/btn_login.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	border: none;
	padding: 3px 0 0 0;
	outline: none;
}
a.btn_new{
	width: 120px;
	height: 31px;
	display: block;
	background: url(/nonmembers/images/btn_new.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	border: none;
	padding: 9px 0 0 0;
	outline: none;
	border:none;
}

a.btn_search {
	background: url(/nonmembers/images/btn_search.gif) no-repeat;
	width: 55px;
	float: right;
	color: #FF0000;
}
a.btn_activate {
	width: 55px;
	height: 21px;
	display: block;
	background: url(/nonmembers/images/btn_activate.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	border: none;
	padding: 3px 0 0 0;
	outline: none;
}
#search a {color: #FFFFFF;}
#search a:hover {text-decoration: none;}
a:focus .btn_login, a:focus a.btn_activate, a:focus .btn_search, #search a:focus {-moz-outline-style: none;}



/*--------------------FLASH-------------------*/
#flashcontent {font-size: 10px;}
#flashcontent_m {
	color: #C6C6C6;
	text-align: center;	
}
/*--------------------LINKS-------------------*/
a {
	color: #FF0000;
	text-decoration: underline;
	outline: none; /*IE remove dashed border*/
}
a:hover {text-decoration: none;}
a:focus {-moz-outline-style: none; /*Moz remove dashed border*/}

/*------------------SCROLLER------------------*/
#pscroller1 {
	width: 472px;
	height: 58px;
	border: 1px solid #D8D6D6;
	background-color: #EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#pscroller1 .padding {padding: 7px 10px 0 10px;}
.scroller p {
	margin: 4px 0 0 0;
	padding: 0px;
}
.date {
	float: right;
	color: #FF0000;
	font-size: 9px;
}
#scroll_container_m {
	float: left;
	margin: 17px 0 0 0;
}
.marquee_m {float: left;}
.h_scroll_m {
	width: 101px;
	height: 60px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background: url(/nonmembers/images/scroll_bg.gif) repeat-x #C80101;
}
.h_scroll_m .padding {padding: 23px 0 0 0;}
.scroller a {
	color: #FF0000;
	font-weight: bold;
}
#scroller a:hover {color: #FF0000;}
#scroller a:focus {-moz-outline-style: none;}

/* this is style for contact form*/
/*-------------------CONTACT------------------*/
#contact th, #contact td {padding: 8px 0 8px 0;}
.contact_float {
	float: left;
	width: 130px;
}
.grey_b {color: #BABABA;}





#scroll_container {
	float: left;
	margin: 7px 0 0 0;
}
#scroller {
	float: left;
	margin: 7px 0 0 0;
}
.h_scroll {
	width: 100px;
	height: 25px;
	background-color: #D8D6D6;
	float: left;
	color: #FF0000;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
.h_scroll .padding {padding: 6px 0 0 0;}
.marquee {
	float:left;
	border: 1px solid #D8D6D6;
}
.text_s {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 11px;
	margin: 4px 0 0 0;
	width: auto;
}
.scroller_head {
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 10px 2px 10px;
}
.scroller_body {
  background-color: #FFFFFF;
  border: 1px solid #FF0000;
  padding: 8px;
  width: 300px;
}
.marquee a {
	color: #313131;
	text-decoration: none;
	outline: none;
}
.marquee a:hover {color: #FF0000;}
.marquee a:focus {-moz-outline-style: none;}

.form_bg {
	height: auto;
	width: 100%;
	background: #F7F7F7;
	border: 1px solid #D8D6D6;
}
#frm_contact .form_bg .btn_enquiry input {
	color: #FFFFFF;
	height: 31px;
	width: 120px;
	border: none;
	display: block;
	background-color: #FF0099;
	background: url(/members/images/btn_enquiry.gif) no-repeat 0px 5px;
	cursor: pointer;
	padding: 0px;
	padding-top: 2px;
}
#frm_contact input, #frm_contact select, #frm_contact textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #D8D6D6;
	height: 16px;
	margin: 0px;
	padding: 3px 0 0 10px;
	width: 150px;
	color: #484848;
}
#frm_contact select {
	padding: 0 0 0 6px;
	height: 21px;
	width: 100px;
}
#frm_contact .radio input {
	width: auto;
	background: none;
	border: none;
	float: left;
}
#frm_contact textarea {
	height: 60px;
	width: 373px;
}
#frm_contact .radio_txt {
	float: left;
	margin: 0 20px 0 5px;
}
#frm_contact table th {
	color: #FF0000;
	font-weight: bold;
}
#frm_contact table th, #frm_contact table td {padding: 4px 0 4px 0;}
#frm_contact table td {font-size: 10px;}
.form_bg .padding {padding: 10px 20px 10px 20px;}

.dots {
	background: url(/images/dots.gif) repeat-x center;
	width: 100%;
	height: 7px;
	padding: 0px;
}
.btn_map_right {
	padding: 10px 0 0 0;
}
a.btn_map {
	color: #FFFFFF;
	text-decoration: none;
	background: url(/images/red24_buttons.jpg) no-repeat;
	width: 83px;
	height: 18px;
	text-align: center;
	padding: 2px 0px 0px 0px;
	float: right;
}
a:hover.btn_map {
	text-decoration: underline;
}

#pst tr.top_bdr td, #indepth tr.top_bdr td {
	border-top: dotted #5C5C5C 1px;
}

#advice a:hover, #advice2 a:hover {
	color: #FFFFFF;
	background: url(/images/advice_bg_ov.gif) repeat-x #B8B8B8;
}

/* safety pst styles */
#pst, #indepth {
	padding: 15px 0 0 0;
}

#pst tr td, #indepth tr td {
	border-bottom: dotted #5C5C5C 1px;
	background-color: #EEEEEE;
	padding: 11px;
}
#indepth tr td {
	padding: 7px;
}
#pst tr.alt td, #indepth tr.alt td {
	background-color: #FFFFFF;
}

/* fix for nonmembers */

.grey_nounderline{
	text-decoration:none; 
	color:#5C5C5C 
}

/* fix align of bullets and other contents */

span.li_fix li {
	margin-left: 17px;
}
/*end bullets fix */


.form_bg .padding {padding: 10px 20px 10px 20px;}
.form_bg {
background:#F7F7F7 none repeat scroll 0%;
border:1px solid #D8D6D6;
height:auto;
width:100%;
}