/*************************************
Account CSS for Smiggle
*************************************/


/* My Account page
*************************************/
#account-options {
	background: url(/images/misc/table_border_horiz.gif) bottom repeat-x;
	padding: 8px 0 20px 0;
	display: block;
	/*border: solid 1px white;*/
	margin: 0 0 0 15px;
	width: 700px;
	border-image: url(/images/misc/table_border_horiz.gif);
}
.top-border { height:8px; width:695px; margin-left:15px; }

#account-options .button {
	font-size: 90%;
	width: 220px;
	margin: 0 5px;
}

#account-options .button a {
	padding-right: 10px;
	padding-left: 54px;
}

#account-options .light a { color:#333 !important; }
#account-options .light .background { background-color:#ace0f0; border-color:#67b6ce; }
#account-options .light:hover .background { background:#c1eef8; }

#account-options .bag a { background-image:url(/images/misc/icon_bag.png); }
#account-options .update a { background-image:url(/images/misc/icon_update.png); }
#account-options .unsubscribe a { background-image:url(/images/misc/icon_unsubscribe.png); }
#account-options .subscribe a { background-image:url(/images/misc/icon_subscribe.png); }
#account-options .wishlist a { background-image:url(/images/misc/icon_wishlist.png); }
#account-options .password a { background-image:url(/images/misc/icon_password.png); }
#account-options .track a { background-image:url(/images/misc/icon_track.png); }
#account-options .colourcrew a { background-image:url(/images/misc/icon_colourcrew.png); }
#account-options .games a { background-image:url(/images/misc/icon_games.png); }
#account-options .fun a { background-image:url(/images/misc/icon_fun.png); }
#account-options .survey a { background-image:url(/images/misc/icon_page.png); }
#account-options .logout a { background-image:url(/images/misc/icon_logout.png); }



/* Register Page
*************************************/

body.register #content .middle { padding-left: 1em; }
body.register #colourcrew { margin-top: -20px; padding: 15px 10px; }
body.register #colourcrew .intro { width:530px; margin: -50px 0 1em 200px; *margin-top:0; color:black; background:white; }

body.register .colour-selection {
	float:left;
	width: 120px;
	height: 120px;
	position: relative;
	cursor: pointer;
	margin-top: 30px;
}
body.register .colour-selection .name {
	font-weight: bold;
	width: 119px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}
body.register .colour-selection .background {
	width: 119px;
	height: 91px;
	background-repeat: no-repeat;
	background-image: url(/images/pageimages/registration_crew_pink.gif);
	position: absolute;
	top: 1.5em;
	left: 0;
	cursor: pointer;
	z-index: 2;
}
body.register .colour-selection input {
	position: absolute;
	top: 55px; 
	left: 17px;
	cursor: pointer; 
	z-index: 3;
}


body.register .colour-selection.pink .name   { color:#e51d9b; }
body.register .colour-selection.purple .name { color:#90298c; }
body.register .colour-selection.blue .name   { color:#0082c8; }
body.register .colour-selection.green .name  { color:#5ebd7b; }
body.register .colour-selection.white .name  { color:#a7a9ac; }
body.register .colour-selection.black .name  { color:#2a2723; }

body.register .colour-selection.pink .background   { background-image: url(/images/pageimages/registration_crew_pink.gif); }
body.register .colour-selection.purple .background { background-image: url(/images/pageimages/registration_crew_purple.gif); }
body.register .colour-selection.blue .background   { background-image: url(/images/pageimages/registration_crew_blue.gif); }
body.register .colour-selection.green .background  { background-image: url(/images/pageimages/registration_crew_green.gif); }
body.register .colour-selection.white .background  { background-image: url(/images/pageimages/registration_crew_silver.gif); }
body.register .colour-selection.black .background  { background-image: url(/images/pageimages/registration_crew_black.gif); }


body.register .colour-selection.none {
	width: auto;
	height: auto;
	margin: 10px 0 10px 25px;
}

body.register .colour-selection.none .name {
	font-weight: normal;
	width: auto;
	text-align: left;
	margin-left: 5px;
}
body.register .colour-selection.none input {
	position: relative;
	top: 2px;
	*top: 0;
	left: 0;
}

body.register .crew-tc {
	clear: left;
}




/* Track Orders
*************************************/
#order-tracking form.navigation { width: 280px; }
#order-tracking form.navigation.next { float: right; _float: none; }

#order-tracking .button.next, .button.prev { margin-left:0; }
#order-tracking .button.next .background, #order-tracking .button.prev .background  { *width:165px; }
#order-tracking .button .next, #order-tracking .button .prev { width:165px; }

#order-tracking .nav-control { width:10em; margin: -37px 0 0 175px; *margin:10px 0 0 45px; }


/* Track Details
*************************************/
#order-details #content h2 { padding-top: 1em; }