.right_align {
	text-align:right;
	}

.text_bold {
	font-weight:bold;
	}

div#header {
	width : 770px;
	height : 245px;
	}
    
.title {
    bottom: 37px;
    left: 52px;
    position: absolute;
    z-index: 50;
}

div#sidebar {
	float: left;
	width: 345px;
    margin: 0 0 0 42px;
}

.content {
    padding-top: 45px;
}

div#preamble {
	width : 200px;
	position:relative;
	left:30px;
	}

div#preamble a {
	text-decoration:underline;
	}



div#mainbar {
	width: 370px;
    overflow: hidden;
    float: left;
}

div#login_panel {
	font-size:16px;
	color:#000000;
	height:230px;
	padding:2px;
	background: url(http://images.wallaceandgromit.com/login/login_panel_v1.jpg) left top no-repeat;
	width:300px;
	}

/* Variable height background box (used for login + register pages) \*/

div#register_box {
	font-size:16px;
	color:#000000;
	width:408px;
	z-index:99;
	}
	
div#register_box a {
	color:#000000;
	text-decoration:underline;
	}
	
.box_top {
	height:35px;
	background: url(http://images.wallaceandgromit.com/login/register_box_top.jpg) no-repeat top left;
	margin-top:0px;
	margin-left:1px;
	}
.box_body {
	background: url(http://images.wallaceandgromit.com/login/register_box_mid.jpg) repeat-y center left;
	background-color:#949767;
	margin-top:-16px;
	margin-left:1px;
	padding-bottom:10px;
	width:408px;
	}
.box_bottom {
	background: url(http://images.wallaceandgromit.com/login/register_box_bot.jpg) no-repeat top left;
	margin-top:0px;
	margin-left:1px;
	height: 35px;
	}
	
/* End Background box */

/* Form Elements */

.reg_elements {
	margin-top:5px;
	margin-right:35px;
	}
.reg_elements label {
	font-size:18px;
	}

.inputbox {
	margin-top:10px;
	background: #FFFFFF;
	color:#666666;
	font-size: 16px;
	}
	
option, select, #age {
	font-size: 16px;
	}
select {
	width:270px;	
	}

#age, #country { width: 190px; }
		
input#email {
	width:190px;
	}
input#username, #firstname, #lastname {
	width:150px;
	}
input#password {
	width:150px;
	}
    
.label-age, .label-email, .label-country {
    display: inline-block;
    padding: 0 0 0 15px;
    width: 60px;
}

.label-username, .label-password, .label-firstname, .label-lastname {
    display: inline-block;
    padding: 0 0 0 15px;
    width: 100px;
}

#email, #username, #age, #password, #country, #firstname, #lastname, #screenname {
    background: #fff;
    border: solid 1px #88aed5;
    height: 18px;
    font-size: 12px;
}

#register_form label {
    margin: 17px 0 0 0;
}

#register_form .col {
    width: 50%;
    float: left;
    overflow: hidden;
    height: 180px;
    position: relative;
}

#register_form .col p {
    padding: 25px 0 10px 0;
}

.newsletter-link {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 0;
    line-height: 16px;
}

.terms-text {
    display: inline-block;
    float: left;
    margin: 7px 0 0 26px !important;
    width: 207px;
    line-height: 16px;
}

#terms {
    float: left;
    margin: 10px 0 0 35px;
}
	
div#form_newsletter {
	margin:10px 0 0 5px;
	width:389px;
	height:70px;
	background-color:#FFFFCC;
	border:1px dashed #c7c9a7;
	padding:2px 2px 2px 2px;
	}
div#form_newsletter	p {
	font-size:14px;
	width:220px;
	display:block; float:left;
	}
.newsletter_img {
	width:58px;
	height:66px;
	display:block; float:right;
	position:relative; left:-10px;
	}
.videoblog_img {
	width:61px; height:58px;
	display:block; float:left;
}
div#form_newsletter label {
	text-decoration:underline;
	}
div#newsletter_options {
	width:220px;
	display:block;float:left;
	}

.centered {
	text-align:center;
	width:360px; height:70px;
	margin-left:auto;
	margin-right:auto;
}


div#form_tcs {
	position:relative;
	top:10px;
	width:370px;
	}
div#form_tcs label, p {
	font-size:14px;
	padding:0px;
	margin:0px;
	}
div#form_tcs a {
	font-size:14px;
	}
	
#register_btn {
	  background: transparent url(http://images.wallaceandgromit.com/register-button.png) no-repeat left top;
	  width: 143px;
	  height: 39px;
	  padding:0px;
	  border: 0;
	  overflow: hidden;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	position:relative;
    float: right;
    margin: 6px 48px 0 0;
	}

div#login_error {
	color:#FFFFFF;
	text-align:center;
	background-color:#FF6600;
	font-weight:bold;
	width:340px;
	margin-left:4px;
	margin-top:5px;
	}

form>#replacement-2 { /* For non-IE browsers*/
  	height: 0px;
	}

div#parents_registration p {
	font-size:16px;
	width:340px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	}
div#parents_registration a {
	color:#CC3300;
	
	}

div#gromit {
	background: url(http://images.wallaceandgromit.com/login/login_gromit1.jpg) no-repeat right bottom;
	width:212px;
    height: 280px;
    margin: 0px 0px 0px 15px;
	z-index:-1;
}

p { padding: 10px 0 10px 0; font-size: 12px; }

.login-button {
    width: 102px;
    height: 39px;
    display: block;
    background: url('http://images.wallaceandgromit.com/login-button.png') no-repeat;
    text-indent: -9999px;    
}

.sign-up-button {
    width: 143px;
    height: 39px;
    display: block;
    background: url('http://images.wallaceandgromit.com/sign-up-now-button.png') no-repeat;
    text-indent: -9999px;    
}

#register_form {
    width: 335px;
    height: 451px;
    padding: 0 0 0 35px;
    background: url('http://images.wallaceandgromit.com/registration-form-background.png') no-repeat;    
}

.notice {
    background: url("http://images.wallaceandgromit.com/notice-background.png") no-repeat scroll 0 0 transparent;
    height: 213px;
    overflow: hidden;
    padding: 50px 40px 0;
    width: 265px;
}

.page {
    width: 715px;
    margin: 0 0 0 35px;
}

.cell {
    float: left;
    overflow: hidden;
    width: 50%;
    text-align: center;
}

#column-1 p { padding: 0; }

.newsletter-form {
    width: 293px !important;
    height: 312px !important;
    padding: 0 15px 0 35px !important;
    background: url("http://images.wallaceandgromit.com/newsletter-form-background.png") no-repeat scroll 0 0 transparent !important;    
}

.newsletter-form #register_btn { margin-right: 19px; margin-top: 20px; }

#login-form {
    background: url("http://images.wallaceandgromit.com/login-paper.png") no-repeat scroll 0 0 transparent;
    height: 186px;
    padding: 64px 0 0 30px;
    position: relative;
    width: 306px;
}

#login_btn {
    background: url("http://images.wallaceandgromit.com/login-button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    bottom: 45px;
    height: 39px;
    position: absolute;
    right: 45px;
    width: 102px;
    z-index: 1;
}

#forgot-password {
    bottom: 22px;
    font-weight: bold;
    position: absolute;
    right: 50px;
    z-index: 2;
}

#reminder {
    font-weight: bold;
}

#password-form {
    background: url("http://images.wallaceandgromit.com/password-background.png") no-repeat scroll 0 0 transparent;
    height: 69px;
    padding: 12px 0 0 36px;
    position: relative;
    width: 295px;
}

#reset_btn {
    background: url("http://images.wallaceandgromit.com/send-button.png") repeat scroll 0 0 transparent;
    border: medium none;
    bottom: -11px;
    height: 39px;
    position: absolute;
    right: 43px;
    width: 102px;
    z-index: 1;
}

.password #sidebar {
    padding-right: 80px;
    width: 350px;
}

.password #mainbar {
    width: 290px;
}