/* Login and Account page styles */

img#logout-button {
float: right;
margin-top: -18px;
}


/* Account Container Styles */	

div.account-container {
	width: 656px;
	background: url(/resource/images/layout/account-container-bg.png) bottom left repeat-x;
	padding: 25px;
	border: 1px solid #E0E0E0;
	margin-bottom: 20px;
	margin-top: 1px;
	overflow: hidden;
}

.account-container h3 {
	border-bottom:2px solid #E0E0E0;
	color:#666666;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:2em;
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-transform:uppercase;
}

.account-container h4 {
	color:#1E2435 !important;
	font: normal bold 15px "Trebuchet MS" !important;
	text-transform:uppercase;
	margin: 35px 0 5px 0;
	padding: 0;
}	


/* Account Toggle Menu */
ul#account-toggle {
	height: 25px;
}
ul#account-toggle li {
	float: left;
	height: 25px;
	background: #FFF;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	position: relative;
}
ul#account-toggle li.first {
	border-left: 1px solid #E0E0E0;
}
ul#account-toggle li a {
	display: block;
	color: #666;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
}
ul#account-toggle li a:hover {
	text-decoration: underline;
}
ul#account-toggle li.current {
	background-color: #1E2435;
}
ul#account-toggle li.current a {
	color: #FFF;
}
ul#account-toggle li.current a:hover {
	text-decoration: none;
}

div.spacer {
	clear:both;
	height: 10px;
}


/* User Login Form Styles */
form#user-login fieldset { padding: 18px 10px; border: 1px solid #E0E0E0; background: #fff; 	}
form#user-login legend { font-weight: bold; text-transform: uppercase; padding: 0 10px; border: 1px solid #E0E0E0; background: #eae9e3; }
form#user-login label { clear: left; display: block; float: left; width: 220px; margin-right: 10px; padding: 3px 0 0 0; text-align: right; font-weight: bold; }
form#user-login input, form#test-drive-form textarea { float: left; width: 200px; margin-bottom: 10px; }
form#user-login textarea { height: 60px; width: 200px; margin-bottom: 10px;}
form#user-login input#submit { width: 53px; height: 20px; float: left; margin-left: 383px; clear: both;}
form#user-login input.required { background: url(/resource/images/layout/form-field-required.gif) top right no-repeat; }
form#user-login small { font-weight: normal; color: #666; }
form#user-login span.login_link { float: left; clear: both; width: 430px; text-align: right; margin-bottom: 10px;}

		
	
/* Request New Password Form Styles */
form#request_new_password fieldset { padding: 18px 10px; border: 1px solid #E0E0E0; background: #fff;}
form#request_new_password legend { font-weight: bold; text-transform: uppercase; padding: 0 10px; border: 1px solid #E0E0E0; background: #eae9e3; }
form#request_new_password input { float: left; width: 200px; margin-bottom: 10px; }

form#request_new_password label { clear: left; display: block; float: left; width: 230px; margin-right: 10px; padding: 3px 0 0 0; text-align: right; font-weight: bold; }
form#request_new_password input#submit { width: 160px; height: 20px; float: left; margin-left: 283px; clear: both;}
form#request_new_password input.required { background: url(/resource/images/layout/form-field-required.gif) top right no-repeat; }


	
/* User Register Form Styles */
form#user-register fieldset { padding: 18px 10px; border: 1px solid #E0E0E0; background: #fff; }
form#user-register legend { font-weight: bold; text-transform: uppercase; padding: 0 10px; border: 1px solid #E0E0E0; background: #eae9e3; }
form#user-register label { clear: left; display: block; float: left; width: 220px; margin-right: 10px; padding: 3px 0 0 0; text-align: right; font-weight: bold; }
form#user-register input, form#test-drive-form textarea { float: left; width: 200px; margin-bottom: 12px; }
form#user-register textarea { height: 60px; width: 200px; margin-bottom: 12px;}
form#user-register input#submit { width: 145px; height: 20px; float: left; margin-left: 288px; clear: both;}
form#user-register input.required { background: url(/resource/images/layout/form-field-required.gif) top right no-repeat; }
form#user-register small { font-weight: normal; color: #666; }
form#user-register input.address_line { clear: both; margin-left: 230px; }
form#user-register input.checkbox { width: 13px; margin-left: 150px; }
form#user-register p { float: left; margin: 0; padding: 0; }


form#user-pass fieldset { padding: 18px 10px; border: 1px solid #E0E0E0; background: #fff; }
form#user-pass legend { font-weight: bold; text-transform: uppercase; padding: 0 10px; border: 1px solid #E0E0E0; background: #eae9e3; }
form#user-pass label { clear: left; display: block; float: left; width: 220px; margin-right: 10px; padding: 3px 0 0 0; text-align: right; font-weight: bold; }
form#user-pass input, form#test-drive-form textarea { float: left; width: 200px; margin-bottom: 12px; }
form#user-pass textarea { height: 60px; width: 200px; margin-bottom: 12px;}
form#user-pass input#submit { width: 145px; height: 20px; float: left; margin-left: 288px; clear: both;}
form#user-pass input.required { background: url(/resource/images/layout/form-field-required.gif) top right no-repeat; }
form#user-pass small { font-weight: normal; color: #666; }
form#user-pass input.address_line { clear: both; margin-left: 230px; }
form#user-pass input.checkbox { width: 13px; margin-left: 150px; }
form#user-pass p { float: left; margin: 0; padding: 0; }
form#user-pass input.form-submit { width: auto;clear:both;margin-left: 230px; }


/* Notifications Table Styles */

table#basket {
	width: 100%;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
}
table#basket td {
	padding: 12px 5px;
	border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	font: normal normal 12px "Trebuchet MS";
	background: #FFF;
	vertical-align: middle !important;
	text-align: center;
}
table#basket tr.header td {
	background: #f3f3ee;
	font: normal bold 10px Arial;
	text-transform: uppercase;
	padding: 3px 5px;
}
table#basket tr:hover td {
	background: #f3f3ee;
}

table#basket td.col1 { width: 20%; }	
table#basket td.col2 { width: 25%; }
table#basket td.col3 { width: 10%; }
table#basket td.col4 { width: 15%; }
table#basket td.col5 { width: 10%; }
table#basket td.col6 { width: 10%; }		
table#basket td.col7 { width: 10%; }
		

/* Add New Notification */

div#add-new-notification {
	border: 1px solid #e4e2d6;
	background: #fff;
	width: 625px;
	padding: 15px;
	overflow: hidden;
}

div.add-new-notification-block {
	width: 33%;
	float: left;
	text-align: right;
}

.add-new-notification-block label {
	font: normal bold 10px Arial;
	text-transform: uppercase;
	margin-right: 5px;
}

.add-new-notification-block select {
	font-size: 1em;
	width: 110px;		
}
	
input#add-notification-button {
	margin-top: 10px;
}


		
/* Profile Form Styles */
form#user-edit label { clear: left; display: block; float: left; width: 230px; margin-right: 10px; padding: 3px 0 0 0; text-align: right; font-weight: bold; }
form#user-edit input, form#user-edit textarea { float: left; width: 200px; margin-bottom: 10px; }
form#user-edit textarea { height: 60px; width: 200px; margin-bottom: 10px;}
form#user-edit input#submit { width: 104px; height: 20px; float: left; margin-left: 340px; }
form#user-edit input.required { background: url(/resource/images/layout/form-field-required.gif) top right no-repeat; }
form#user-edit small { font-weight: normal; color: #666; }



/* Subscriptions Form Styles */
form#subscriptions label { clear: left; display: block; float: left; width: 290px; margin-right: 10px; padding: 3px 0 0 0; text-align: right; font-weight: bold; }
form#subscriptions input.checkbox { float: left; margin-bottom: 10px; }		
form#subscriptions textarea { height: 60px; width: 200px; margin-bottom: 10px; }
form#subscriptions input#submit { width: 104px; height: 20px; float: left; margin-left: 215px; }