/* 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;
}

#logo {
	height: 91px;
	display: block;
}
.slogan {
	padding: 41px 0 0 172px;
}
#seperator {
	height: 2px;
	width: 768px;
	background: url(/nonmembers/images/h_dots.gif) repeat-x top;
	color: #949494;
	clear: both;
}
.breadcrumb {
	padding: 13px 0 0 0;
	float: left;
	width: 500px;
}
#seperator a {
	color: #949494;
	text-decoration: none;
	outline: none; /*IE remove dashed border*/
}
#seperator a:hover {text-decoration: underline;}
#seperator a:focus {-moz-outline-style: none; /*Moz remove dashed border*/}
#search 
{
	float: right;
	width: 206px;
	margin: 65px 0 0 0;
}


/*-------------------CONTACT------------------*/
.contact th, .contact td {padding: 8px 0 8px 0;}

.contact_float {
	float: left;
	width: 130px;
}
.grey_b {color: #BABABA;}

/*-------------------SERVICES-----------------*/
#servicesContent
{
	padding: 25px 0px 0px 0px;
}

#servicesLeftBox
{
	width: 273px;
	height: 166px;
	float: left;
	background-image: url('/nonmembers/images/imgServicesBox.png');
	border: none;
}

#servicesRightBox
{
	width: 273px;
	height: 166px;
	float: right;
	background-image: url('/nonmembers/images/imgServicesBox.png');
	border: none;
}

#servicesLeftBox p
{
	padding: 0px 15px 0px 15px;
}

#servicesRightBox p
{
	padding: 0px 15px 0px 15px;
}

/*------------------Trial---------------------*/

#trialHeader
{
	width: 100%;
}

#trialBody
{
	width: 100%;
}

#trialBodyLeft
{
	float: left;
	width: 270px;
}

#trialBodyLeft p
{
	padding: 0px 10px 10px 10px;
}

#trialBodyRight
{
	float: right;
	width: 270px;
}

#trialBodyRight p
{
	padding: 0px 10px 10px 10px;
}

#btnTrialBar
{
	width: 100%;
	margin: 10px 0px 0px 0px;	
}

#btnTrialWeb
{
	float: left;
	width: 266px;
	height: 36px;
	vertical-align: middle;
	text-align: center;
	border: none;
	cursor: pointer;
	padding: 10px 0px 0px 0px;
	text-decoration: none;
}


#btnTrialNews
{
	float: right;
	width: 266px;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	padding: 10px 0px 0px 0px;
	text-decoration: none;
}

.trialNormal
{
	background-image: url('/nonmembers/images/btnFreeTrialChoices.png');
	background-repeat: no-repeat;
	color: #FFFFFF;
}

.trialNormal:hover
{
	background-image: url('/nonmembers/images/btnFreeTrialChoicesSelected.png');
	background-repeat: no-repeat;
	color: #000000;	
}

.trialActivated
{
	background-image: url('/nonmembers/images/btnFreeTrialChoicesSelected.png');
	background-repeat: no-repeat;
	color: #000000;	
}

/*-------------------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;}

.h_redlogin 
{
	background: url(/nonmembers/images/imgLoginHeader.png) repeat-x #C80101;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.h_redlogin div 
{
	text-align: center;
	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 a { color: #484848; text-decoration: none; }
#aboutred24 a:hover { color: #FF0000; text-decoration: underline; }
#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;
	padding: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/tick.gif) repeat-x right bottom #EBEAEA;
}
.boxed li.alt {background: url(../images/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*/
	
}
h1.s_style  {background:none;padding-bottom:0px; margin-bottom:3px; }

.Red24Heading
{
	font-size: 12px;
	color: #FF0000;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

h2 {
	font-size: 11px;
	font-weight: bold;
	color: #313131;
}

h2.s_style  { color:red;font-weight:normal;background:url('/members/images/dots.gif') repeat-x scroll center bottom;margin:0px 0px 7px 0px; padding: 1px 0px 6px 0px;}


p {
	margin: 14px 0 0 0;
	text-align: justify;
}
.red {
	color: #FF0000 !important;
}


#trials .field {margin: 0 0 0 0;}

/*--------------------FORMS-------------------*/
.loginfield
{
	width: 142px;
	height: 18px;
	background-image: url('/nonmembers/images/imgTextfield.png');
	background-repeat: no-repeat;
	border: none;
	padding: none;
	color: #A4A4A4;
	font-size: 12px;
}

#loginButton
{
	width: 70px;
	height: 18px;
	background-image: url('/nonmembers/images/imgBtnProceed.png');
	background-repeat: no-repeat;
	border: none;
	margin: none;
	padding: 2px 0px 0px 0px;
}

#loginButton a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

#username, #password, #fakepass, #pass_temp
{
	padding: 1px 0px 0px 3px;
}

#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;
}

.btnSearch
{
	background-image: url('/nonmembers/images/imgBtnProceed.png');
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px 0px 0px 0px;
	text-decoration: none;
	width: 65px;
	cursor: pointer;
	height: 18px;
}

#tableSearch
{
	border-collapse: collapse;
	border: none;
}

#tableSearch td
{
	padding: none;
}

.check {
	padding: 2px 0 0 0;
	outline: none;
}
.check:focus {-moz-outline-style: none;}
a.btn_login, {
	width: 43px;
	height: 21px;
	display: block;
	background: url(../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_purchase {
	width: 55px;
	height: 21px;
	display: block;
	background: url(../images/btn_purchase.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_activate {
	width: 55px;
	height: 21px;
	display: block;
	background: url(../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;
}
.sendbutton{
	width: 43px;
	height: 21px;
	display: block;
	background: url(../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: 0 0 0 0;
	outline: none;
}
a.btn_search {
	background: url(/nonmembers/images/btn_search.gif) no-repeat;
	width: 55px;
	float: right;
	color: #FF0000;
}
#search a {color: #FFFFFF;}
#search a:hover {text-decoration: none;}
a:focus .btn_login, a:focus a.btn_activate, a:focus .btn_purchase, 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;}




#frm_contact .form_bg .btn_enquiry input {
	color: #FFFFFF;
	height: 31px;
	width: 120px;
	border: none;
	display: block;
	background-color: #FF0099;
	background: url(/nonmembers/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;}


#scroll_container {
	float: left;
	margin: 7px 0 10px 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;}


.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;
}
#pst tr.top_bdr2 td, #indepth2 tr.top_bdr2 td {

}

#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, #indepth2 {
	padding: 15px 0 0 0;
}

#pst tr td, #indepth tr td {
	border-bottom: dotted #5C5C5C 1px;
	background-color: #EEEEEE;
	padding: 11px;
}
#pst tr td, #indepth2 tr td {
	background-color: #EEEEEE;
	padding: 11px;
	}

#indepth tr td {
	padding: 7px;
}
#indepth2 tr td {
	padding: 7px;
}
<!--#indepth2 tr td.alt2 {background: url(../images/tick2.gif) repeat-x right bottom #F7F7F7;}

#pst tr.alt td, #indepth tr.alt td {
	background-color: #FFFFFF;

}

#pst tr.alt2 td, #indepth2 tr.alt2 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%;
}

.btn_adviceline input {
	color: #FFFFFF;
	height: 30px;
	width: 120px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	padding: 3px 0 0 0;
	outline: none;
	
	background-color: #FF0099;
	background: url(/members/images/btn_enquiry.gif) no-repeat 0px 5px;
	cursor: pointer;

}

