/*------------------------------------------------------------------------------------------
directSMS
------------------------------------------------------------------------------------------*/
body
{
font: 12px arial, helvetica, sans-serif;
color: #1d3252;
background: #5F88C8 /* Dark Blue #1d3252 */;
margin: 0;
}

div, span, id, class, img, p, form, h1, h2, h3, h4, dl, dt, dd, ul, li
{
margin: 0;
padding: 0;
}

img
{
display: block;
border: 0;
}

ul
{
list-style: none;
}

/*------------------------------------------------------------------------------------------
container
------------------------------------------------------------------------------------------*/
#container
{
background: #5F88C8 /* Dark Blue #1d3252 */ url(/images/body_bg.gif) repeat-y;
margin: 0 auto;
padding: 0 30px;
width: 816px;
/*height: 100%;  stretch the container all the way to the bottom of the screen! */
}

#container.form
{
background: #5F88C8 /* Dark Blue #1d3252 */ url(/images/body_form_bg.gif) repeat-y;
}

/*------------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------------*/
#header
{
background: url(/images/header_bg.gif) repeat-x;

width: 815px;

position: relative;
}

#header .right
{
float: right;
}

#phone-number{
	position:absolute;
	right:24px;
	text-align:right;
	top:17px;
}

#phone-number .number{
	font-size: 16px;
	color: /*#235F9F*/ #cc0000;
}

/*------------------------------------------------------------------------------------------
masthead
------------------------------------------------------------------------------------------*/
#masthead
{
float: left;
width: 418px;
}

/*------------------------------------------------------------------------------------------
login
------------------------------------------------------------------------------------------*/
#login
{
float: left;
background: url(/images/3.0/login_bg.gif) no-repeat;
width: 397px;
height: 23px;
}

#login .username, #login .password
{
float: left;
font: 10px arial, helvetica, sans-serif;
color: #333;
border: 1px solid #fff;
margin: 4px 0 0 78px;
padding: 0 0 1px 0;
width: 81px;
height: 12px;
}

#login .password
{
margin: 4px 0 0 93px;
}

#login .submit
{
float: right;
width: 49px;
}

/*------------------------------------------------------------------------------------------
lostPassword
------------------------------------------------------------------------------------------*/
#lostPassword
{
float: left;
background: url(/images/3.0/lostpassword_bg.jpg) no-repeat;
text-align: right;
width: 397px;
height: 21px;
}

#lostPassword a:link, #lostPassword a:visited
{
display: block;
font: 11px arial, helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 3px 0 0 0;
padding: 0 10px 0 0;
}

#lostPassword a:hover, #lostPassword a:active
{
color: #dadada;
}

/*------------------------------------------------------------------------------------------
mastheadRight
------------------------------------------------------------------------------------------*/
#mastheadRight
{
float: left;
background: url(/images/3.0/masthead_right.jpg) no-repeat;
width: 397px;
height: 79px;
}

/*------------------------------------------------------------------------------------------
navigation
------------------------------------------------------------------------------------------*/
#navigation
{
clear: left;
width: 815px;
height: 27px;
}

#navigation li
{
float: left;
}

#navigation li a,
#navigation li a img
{
outline-color: #fff;
}

/*------------------------------------------------------------------------------------------
content
------------------------------------------------------------------------------------------*/
#content
{
height: 400px;
_height: 100%;

}

html>body #content
{
min-height: 400px;
height: auto;
_height: 100%;
}

#content a:link, #content a:visited
{
color: #235f9f;
/*text-decoration: none;*/
}

#content a:hover, #content a:active
{
text-decoration: underline;
}

/*------------------------------------------------------------------------------------------
leftColumn
------------------------------------------------------------------------------------------*/


#leftColumn
{
float: left;
color: #000;
margin: 0 0 30px 0;
padding: 15px 0 0 0;
width: 169px;
}

#leftColumn .content
{
float: left;
background:  url(/images/3.0/leftColumn_bg.jpg) no-repeat 6px top;
padding: 15px 0 10px 18px;
width: 169px;
height: 220px;
}

html>body #leftColumn .content
{
min-height: 220px;
height: auto;
}

#leftColumn .footer
{
clear: left;
margin: -15px 0 0 6px;
}

html>body #leftColumn .footer
{
margin: 0 0 0 6px;
}

#leftColumn h2
{
font: 15px arial, helvetica, sans-serif;
color: #235f9f;
background: url(/images/3.0/leftColumn_divider.gif) repeat-x bottom;
margin: 0 0 4px 0;
padding: 10px 0 2px 0;
width: 143px;
}

#leftColumn p
{
padding: 0 0 10px 0;
width: 130px;
}

#leftColumn ul
{
background: url(/images/3.0/leftColumn_divider.gif) repeat-x;
margin: 27px 0 0 0;
width: 143px;
}

#leftColumn li
{
display: block;
background: url(/images/3.0/leftColumn_divider.gif) repeat-x bottom;
padding: 3px 0 5px 0;
width: 143px;
}

#leftColumn li a:link, #leftColumn li a:visited
{
color: #000;
}

#leftColumn li.special a:link, #leftColumn li.special a:visited
{
color: #f00;
}

/*------------------------------------------------------------------------------------------
panelDirectSMS
------------------------------------------------------------------------------------------*/
#panelDirectSMS
{
float: left;
color: #1d3252;
background: url(/images/panel_directSMS_body.jpg) no-repeat 0 53px;
margin: 0 0 0 -4px;
width: 316px;
height: 373px;
}

#panelDirectSMS h2
{
font: bold 14px arial, helvetica, sans-serif;
color: #fff;
margin: -29px 0 12px 28px;
}

html>body #panelDirectSMS
{
margin: 0 0 0 14px;
}

#panelDirectSMS p
{
margin: 0 0 0 28px;
padding: 8px 0 0 0;
width: 260px;
}

/*------------------------------------------------------------------------------------------
panelServices
------------------------------------------------------------------------------------------*/
#panelServices
{
float: left;
color: #1d3252;
background: url(/images/panel_services_body.jpg) no-repeat 0 53px;
width: 315px;
height: 373px;
}

#panelServices h2
{
font: bold 14px arial, helvetica, sans-serif;
color: #fff;
margin: -29px 0 12px 20px;
}

#panelServices p
{
margin: 0 0 0 21px;
padding: 8px 0 0 0;
width: 260px;
}

/*------------------------------------------------------------------------------------------
contentInternal
------------------------------------------------------------------------------------------*/
#contentInternal
{
float: left;
margin: 0 0 0 10px;
width: 600px;
}


#contentInternal.register
{
float: left;
margin: 0 0 0 10px;
width: 800px;
}

#contentInternal.register .registrationColumnLeft
{
	float:left;
	padding:5px;
	width:420px;
}


#contentInternal.register .registrationColumnLeft p {
	width:410px;
}

#contentInternal.register .registration input[type="text"] {
	width:200px;
}

#contentInternal.register .registration input[type="checkbox"] {
	width:auto;
}




html>body #contentInternal
{
margin: 0 0 0 25px;
}

#contentInternal .columnLeft, #contentInternal .columnRight
{
	float:left;
	margin:-10px 30px 0 0;
	width:260px;
}

#contentInternal h1
{
font: bold 16px Arial, Helvetica, sans-serif;
color: #1d3252;
margin: 15px 0 10px;
text-align: center;
}

#contentInternal h2
{
font: bold 14px Arial, Helvetica, sans-serif;
text-align: left;
padding-top: 7px;
padding-bottom: 10px;



}

#contentInternal h3
{
font: bold 13px Arial, Helvetica, sans-serif;
background: url(/images/3.0/internal_divider.gif) repeat-x bottom;
margin: 10px 0 5px 0;
padding: 0 0 5px 0;
color: #91a32e;
	
}

#contentInternal p
{
padding: 0 0 8px 0;
width: 260px;
}

/*------------------------------------------------------------------------------------------
prices
------------------------------------------------------------------------------------------*/
#contentInternal .pricesColumnLeft
{
float: left;
margin: 10px 5px 0 5px;
width: 250px;
}

html>body #contentInternal .pricesColumnLeft
{
margin: 10px 20px 0 15px;
}

#contentInternal .pricesColumnRight
{
float: left;
margin: 10px 0 0 0;
width: 300px;
}

#contentInternal .pricesColumnLeft h2, #contentInternal .pricesColumnRight h2
{
margin: 0;
padding: 0 0 0 16px;
}

/*
 * No longer needed
 *
#contentInternal p.prices
{
clear: left;
width: 550px;
text-align: center;
margin: 0 auto;
}

#contentInternal p.pricesBot
{
clear: left;
width: 550px;
text-align: center;
margin: 0 auto 15px;
}

#contentInternal table#costs, #contentInternal table#price
{
padding: 0 3px;
}

#contentInternal table th
{
text-align: center;
}

#contentInternal table th.priceFrom
{
width: 60px;
}

#contentInternal table th.priceTo
{
width: 80px;
}

#contentInternal table#price .title
{
float: left;
width: 190px;
}

#contentInternal table#price .textField
{
float: left;
width: 110px;
}

#contentInternal table#price .calculate input
{
float: right;
width: 80px;
margin: 0 40px 10px 0;
}

#contentInternal table#price input
{
width: 50px;
}

#contentInternal table .totals
{
text-align: center;
padding: 10px 0 0 0;
}

#contentInternal table td
{
padding: 3px 0;
}
 */

#contentInternal table .odd
{
background: #f0f0f0;
text-align: center;
}

#contentInternal table .even
{
background: #fafafa;
text-align: center;
}

/*------------------------------------------------------------------------------------------
registration
------------------------------------------------------------------------------------------*/
#contentInternal .registrationColumnLeft
{
float: left;
width: 280px;
}

#contentInternal .registrationColumnLeft h4
{
font: bold 12px Arial, Helvetica, sans-serif;
margin: 10px 0 5px 0;
}

#contentInternal .registrationColumnLeft ol
{
margin: -2px 0 3px;
}

#contentInternal .registrationColumnLeft li
{
margin: 0 0 0 35px;
padding: 0 0 3px 0;
}

html>body #contentInternal .registrationColumnLeft li
{
margin: 0 0 0 -10px;
padding: 0 0 3px 0;
}

*:first-child+html #contentInternal .registrationColumnLeft li
{
margin: 0 0 0 35px;
padding: 0 0 3px 0;
}

#contentInternal .registrationColumnRight
{
float: left;
width: 300px;
}

#contentInternal table.registration .title
{
flaot: left;
width: 100px;
}

#contentInternal table.registration .textField
{
flaot: left;
width: 200px;
}

#contentInternal table.registration .smallText
{
font: 10px arial, helvetica, sans-serif;
width: 175px;
margin: 0 0 -10px 0;
}

#contentInternal table.registration .red
{
color: #f00;
}

#contentInternal table.registration input.checkbox
{
float: right;
width: 20px;
}

#contentInternal table.registration input.postcode
{
width: 40px;
}

#contentInternal table.registration .address02
{
margin: 3px 0 0 0;
}

#contentInternal table.registration .select
{
width: 170px;
}

#contentInternal table.registration .register
{
margin: 20px 0 0 0;
width: 100px;
}



#footer-logo{
	background:url("/images/footer-logo-shadow.jpg") repeat-x scroll 0 0 #FFFFFF;
	clear:both;
	float:left;
	margin:17px 0 0;
	padding:20px;
	width:775px;
}

/*------------------------------------------------------------------------------------------
bodyImage
------------------------------------------------------------------------------------------*/
#bodyImage
{
clear: left;
background: url(/images/banner/3.jpg) no-repeat center bottom;
width: 815px;
height: 50px;
}

/*------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------*/
#_footer
{
font-size: 10px;
background: url(/images/3.0/footer_bg.gif) repeat-x;
padding: 0 15px;
width: 785px;
height: 16px;
}

#footer
{
font-size: 10px;
background: url(/images/footer_bg_shadow.gif) no-repeat;
margin: 0 0 0 -30px;
padding: 0 35px;
width: 805px;
height: 51px;
}

#footer .credit
{
float: right;
margin: 2px 10px 0 0;
}

html>body #footer .credit
{
margin: 1px 10px 0 0;
}

*:first-child+html #footer .credit
{
margin: 2px 10px 0 0;
}

#footer a:link, #footer a:visited
{
float: left;
color: #000;
background: url(/images/3.0/footer_bullet.gif) no-repeat 0 3px;
margin: 2px 15px 0 0;
padding: 0 0 0 13px;
text-decoration: none;
}

html>body #footer a:link, #footer a:visited
{
margin: 1px 15px 0 0;
}

*:first-child+html #footer a:link, #footer a:visited
{
margin: 2px 15px 0 0;
}

#footer a:hover, #footer a:active
{
color: #303030;
text-decoration: none;
}