/* 	

	Document:					form_pages.css
	This version:				*** Commented for development ***
	Deployment version:			E:\WCS Deployment Files\Topshop\Style\css\form_pages.css
	Notes:						Use for generic form pages (ie contact us, returns etc)

	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.  Wish list
	2.	Returns - enter details
	3.  Returns - summary (order returns summary table)
	4.  Dynamic pages + webforms: contact us, quickie appointment, forgot password, thanks
	

/* 1. Wish list */
/* empty wish list */
a.continueshopping {
	background:url(../bg_buttonblk.gif) 0px 0px no-repeat;
	height:19px;
	width:164px;
	padding:2px 0 0 20px;
	margin:10px 0 10px 0;
	display:block;
	line-height:19px; 
	text-align:left !important; 
	font-size:1.2em; 
	font-weight:bold; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	color:#FFF;
	}

a.continueshopping:hover {
	background:url(../bg_buttonblk.gif) 0px -21px no-repeat;
	color:#FFF !important;
	}
	
form#wishlistform {
	width:750px;
	}

#wishlistlister {
	float:left;
	margin:15px 0 30px 0;
	padding:0;
	width:750px;
	font-size:100%;
	}
	
#wishlistlister ul, 
#wishlistlister ul li {
	list-style:none;
	text-align:center;
	}
	
#wishlistlister thead th {
	background-color:#F2F2F2;
	}

#wishlistlister th {
	padding:5px 0;
	font-weight:bold; 
	text-align:center;
	}
	
#wishlistlister th#thfirst {
	width:70px;
	}
	
#wishlistlister th#thlast {
	width:85px;
	}
	
#wishlistlister tr {
	background:url(../shoppingBagRowBg.gif) left bottom repeat-x;
	}

#wishlistlister td {
	border:0;
	vertical-align:middle;
	padding:15px 0;
	font-size:1em; 
	font-weight:bold;
	text-align:center;
	}

#wishlistlister td input {
	border:none;
	width:auto;
	}
	
#wishlistlister td select {
	width:auto;
	}
	
#wishlistlister span.subtotal {
	font-weight:bold;
	font-size:1.1em; 
	text-transform:uppercase;
	}
	
#wishlistlister a {
	color:#000;
	}

#wishlistlister a.shortdesc {
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em; 
	color:#000;
	}
	
#wishlistlister span.attr, 
#wishlistlister span.productcode {
	display:block;
	display:none;
	}

#wishlistlister p.shortdesc, 
#wishlistlister p.msg {
	width:auto;
	padding:2px 0;
	text-transform:uppercase; 
	font-weight:bold;
	}

#wishlistlister p.msg {
	color:#666;
	}
	
/* wish list action buttons */
#wishlistactions {
	list-style:none;
	padding-top:10px;
	width:100%;
	float:left;
	border-top:5px solid #000;
	}
	
/* ie6 */
* html #wishlistactions {
	float:none;
	width:750px;
	clear:both;
	overflow:hidden;
	}
	
#wishlistactions li {
	float:left;
	padding-right:10px;
	}
	
#wishlistactions li a, 
#wishlistactions li input {
	display:block;
	margin:0;
	}
	
ul#wishlistactions a.addressbookcreateaddress, 
ul#wishlistactions a.continueshopping {
	background:url(../bg_buttonblk.gif) 0px 0px no-repeat;
	height:19px;
	width:164px;
	padding:2px 0 0 20px;
	text-align:left !important; 
	font-size:1.2em; 
	font-weight:bold; 
	text-decoration:none;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	color:#FFF;
	}
	
ul#wishlistactions a.continueshopping:hover {
	color:#FFF !important;
	}
	
/* search results */
a.buttonStyle, 
a.shopcartreturnshopping {
	margin-top:10px !important;
	display:block;
	background:url(../bg_buttonblk.gif) 0 0 no-repeat;
	height:19px;
	width:184px;
	padding:2px 0 0 20px;
	text-align:left !important; 
	font-size:1.2em; 
	font-weight:bold; 
	text-decoration:none;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	color:#FFF !important;
	}
	
a.buttonStyle:hover, 
a.shopcartreturnshopping:hover {
	background:url(../bg_buttonblk.gif) 0px -21px no-repeat;
	color:#FFF !important;
	}
	
form#wishlistform input.primarybutton {
	background:url(../bg_buttonblk265.gif) 0px 0px no-repeat;
	height:21px;
	width:265px;
	padding:0 0 0 20px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1.2em; 
	text-align:left !important; 
	color:#FFF;
	border:none !important;
	}
	
/* ie6 */
* html form#wishlistform input.primarybutton {
	padding:2px 0 0 20px;
	}
	
input.primarybutton#sendwishlist {
	background:url(../bg_buttonblk.gif) 0px 0px no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1.2em; 
	text-align:left !important; 
	color:#FFF;
	border:none !important;
	}

/* ie6 */	
* html input.primarybutton#sendwishlist {
	padding:2px 0 0 20px;
	}
	
ul#wishlistactions input.secondarybutton {
	background:url(../bg_btngreyright.gif) 0px 0px no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px;
	border:0 !important;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1.2em; 
	text-align:left !important;
	color:#FFF; 
	}
	
/* ie6 */
* html ul#wishlistactions input.secondarybutton {
	padding:2px 0 0 20px;
	}
	
/* wish list - send message */
#sendmsgform {
	float:left;
	width:750px;
	display:block;
	margin:50px 0 100px 0;
	padding-top:30px;
	background:url(../titleSendAFriend.gif) left top no-repeat;
	}
	
/* ie7 */
*:first-child+html #sendmsgform {
	padding-bottom:100px;
	}
	
#sendmsgform legend {
	clear:both;
	width:170px !important;
	margin:0;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	}
	
/* ie6 */
* html #sendmsgform legend {
	margin-left:-7px;
	}
	
/* ie7 */
*:first-child+html #sendmsgform legend {
	margin-left:-7px;
	}
	
#sendmsgform label {
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
	}
	
#sendmsgform input {
	width:200px;
	height:auto;
	margin:0;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
	}
	
#sendmsgform fieldset dl dt {
	float:left;
	width:170px;
	clear:left;
	margin-bottom:15px;
	}
	
#sendmsgform fieldset dl dt label {
	width:170px;
	margin:0;
	padding:0;
	float:left;
	}
	
#sendmsgform fieldset dl dd {
	float:left;
	width:560px;
	margin-bottom:15px;
	}
	
#sendmsgform fieldset dl dd textarea {
	width:400px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
	}
	
#sendmsgform fieldset .formnotes {
	float:left;
	width:560px;
	margin:0 0 15px 170px;
	display:inline;
	}
	
#sendmsgform input.primarybutton {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:1.2em;
	}
	
/* button (input/link) styles */
input.secondarybutton {
	height:20px;
	border:1px solid #000;
	padding:0;
	text-align:center;
	font-size:1.2em; 
	text-transform:uppercase;
	font-weight:bold;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	background-color:#000;
	color:#FFF; 
	}

/* 2. Returns - enter details */
form#returns {
	border-bottom-color:#E5E5E5;
	}

form#returns:after {
	line-height:0px;
	}
	
form#returns fieldset {
	background-color:#F2F2F2;
	}
	
form#returns input#ordernumber, 
form#returns input#postcode {
	background-color:#FFF;
	}

form#returnsform legend {
	visibility:hidden;
	}
	
form#returnsform {
	padding-top:10px;
	}
	
form#returnsform dl {
	clear:none;
	}
	
form#returnsform dt {
	clear:left;
	float:left;
	width:179px;
	margin:0 0 10px 5px;
	padding:0;
	}
	
form#returnsform dd {
	float:left;
	width:560px;
	margin:0 0 10px 0;
	padding:0;
	}
	
form#returnsform input {
	width:180px;
	padding:2px 0 2px 2px !important;
	height:auto;
	}
	
form#returnsform dl.buttonrealign {
	width:200px;
	float:left;
	margin:0 170px 0 184px;
	padding:0;
	}
	
* html form#returnsform dl.buttonrealign {
	margin:0 0 0 187px;
	display:inline;
	}
	
form#returnsform input.primarybutton {
	background:url(../bg_buttonblk.gif) 0px 0px no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px !important;
	margin:0 0 0 0;
	border:none !important;
	}
	
* html form#returnsform input.primarybutton {
	padding:1px 0 0 20px !important;
	}
	
form#returnsform input.primarybutton,
form#returns input.primarybutton#submitbutton, 
form#returnslister input.primarybutton#submitbutton { 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1.2em; 
	text-align:left !important; 
	color:#FFF;
	}
	
p.clearboth {
	clear:none !important;
	width:75%;
	display:block;
	margin-top:0;
	}
	
/* 3. Returns - summary (order returns summary table) */
form#returnslister input.primarybutton#submitbutton {
	margin-left:0;
	}
	
form#returnslister table {
	margin-bottom:10px;
	}
	
div#rmamessage {
	margin:10px 0 10px 0;
	padding:0 0 20px 0;
	width:100%;
	font-size:1em; 
	font-weight:bold;
	color:#E91F8C;
	border-bottom:5px solid #000;
	}
	
form#returnslister table {
	margin:0 0 20px 0;
	padding:0;
	width:auto;
	font-size:100%;
	}
	
form#returnslister table th {
	border:0;
	background:url(../shoppingBagHeaderBg.gif) left bottom repeat-x;
	padding:12px 5px 18px 5px;
	width:6%;
	font-weight:bold; 
	text-align:center;
	}
	
form#returnslister table td {
	border:0;
	vertical-align:middle;
	padding:0 5px 5px 5px;
	font-size:1em; 
	font-weight:bold;
	text-align:center;
	}
	
* html form#returnslister table td {
	border-left:1px solid #F2F2F2;
	}
	
form#returnslister table tr {
	background:url(../shoppingBagRowBg.gif) left bottom repeat-x;
	}
	
form#returnslister table a {
	color:#000;
	}
	
form#returnslister table span.shortdesc {
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:1em; 
	color:#000;
	}
	
form#returnslister table span.attr {
	display:block;
	display:none;
	}
	
form#returnslister table span.subtotal {
	font-weight:bold;
	font-size:1em; 
	text-transform:uppercase;
	}
	
form#returnslister table select.reason {
	width:140px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #AAA;
	}
	
form#returnslister table span.productcode {
	display:block;
	display:none;
	}
	
/* background colours */
form#returnslister table td, 
form#returnslister table td+td+td, 
form#returnslister table td+td+td+td+td, 
form#returnslister table td+td+td+td+td+td+td {
	background:#FFF url(../shoppingBagRowBg.gif) left bottom repeat-x;
	}
	
form#returnslister table td+td, 
form#returnslister table td+td+td+td, 
form#returnslister table td+td+td+td+td+td, 
form#returnslister table td+td+td+td+td+td+td+td {
	background:#F2F2F2 url(../shoppingBagRowBg.gif) left bottom repeat-x;
	}
	
form#returnslister table th, 
form#returnslister table th+th+th, 
form#returnslister table th+th+th+th+th, 
form#returnslister table th+th+th+th+th+th+th {
	background:#FFF url(../shoppingBagHeaderBg.gif) left bottom repeat-x;
	}
	
form#returnslister table th+th, 
form#returnslister table th+th+th+th, 
form#returnslister table th+th+th+th+th+th, 
form#returnslister table th+th+th+th+th+th+th+th {
	background:#F2F2F2 url(../shoppingBagHeaderBg.gif) left bottom repeat-x;
	}
	
form#returnslister input#submitbutton {
	position:static !important;
	}
	
/* 4. Dynamic pages + webforms: contact us, quickie appointment, forgot password, thanks */
/* contact us */
form#contactus {
	background:url(../header_login.gif) top left no-repeat;
	margin:-30px 0 0 0;
	float:left;
	width:750px;
	}
	
/* ie6 */
* html form#contactus {
	height:45px;
	}
	
form#contactus fieldset {
	padding-top:30px;
	background:none;
	}
	
form#contactus legend {
	visibility:hidden;
	}
	
form#contactus dl {
	clear:both;
	padding:0;
	}
	
form#contactus dt {
	clear:left;
	float:left;
	width:184px;
	margin:0 0 10px 0;
	padding:0;
	}
	
form#contactus dd {
	float:left;
	width:566px;
	margin:0 0 10px 0;
	padding:0;
	}
	
form#contactus select {
	width:184px;
	margin:0;
	padding:0;
	}
	
form#contactus input {
	width:180px;
	padding:2px 0 2px 2px !important;
	height:auto;
	}
	
form#contactus p {
	clear:left;
	margin:0 0 10px 0;
	padding:5px 0;
	}
	
form#contactus textarea {
	width:370px;
	}
	
form#contactus dl.buttonrealign, 
form#contactus dt.hide {
	width:750px;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	border-top:5px solid #000;
	}
	
/* address lookup button */	
form#contactus span#postcode_message {
	display:block;
	}

form#contactus input.primarybutton#addresslookup {
	padding:0 0 0 20px !important;
	border:none !important
	}
	
* html form#contactus input.primarybutton#addresslookup {
	padding:1px 0 0 20px !important;
	}
	
/* submit button */
form#contactus input.primarybutton#submitbutton {
	background:url(../bg_buttonblk.gif) 0px 0px no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px !important;
	margin:-10px 0 0 185px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1.2em; 
	text-align:left !important;
	color:#FFF;
	border:none !important;
	}
	
/* ie6 */
* html form#contactus input.primarybutton#submitbutton {
	margin-top:0 !important;
	padding-top:2px !important;
	}
	
form#contactus #dataProtection {
	display:none;
	}
	
/* javascript validation */
.error_container {
	background: url(../checkout/bg_error.gif);
	padding: 15px !important;
	margin: 0 15px 0 0;
	border-width: 5px 0;
	border-style: solid;
	border-color: #E5E5E5;
	color: #000; 
	font-weight: bold;
	font-size: 1em;
	width: 720px !important;
	}

#contactus label.error {
	text-transform: none;
	color: #F00;
	display: block;
	margin: 5px 0;
}
	
#contactus input.error, #contactus select.error, #contactus textarea.error {
	border: 1px #F00 solid !important;
	background: #FBE3E4;
}
	
/* quickie appointment */
form#quickieappointment {
	background:none;
	}
	
form#quickieappointment legend {
	display:none;
	}
	
form#quickieappointment select {
	width:184px;
	margin:0;
	}
	
form#quickieappointment dl {
	margin:0;
	padding:0;
	}
	
/* to fix double margin bug */
form#quickieappointment fieldset dt {
	margin-left:10px;
	display:inline;
	}
	
#content > form#quickieappointment fieldset dt {
	margin-left:10px;
	}
	
form#quickieappointment fieldset dd, 
form#quickieappointment fieldset select {
	margin-left:0px;
	}
	
#content > form#quickieappointment fieldset dd {
	margin-left:194px;
	padding:0;
	}
	
form#quickieappointment label {
	padding-left:0px;
	}
	
form#quickieappointment p.privacy {
	padding-left:10px;
	}
	
form#quickieappointment #phone1 {
	margin-bottom:5px;
	}
	
form#quickieappointment #comments {
	margin-bottom:10px;
	width:185px;
	}
	
form#quickieappointment dl.buttonrealign {
	margin:0 0 100px 0;
	padding:0;
	display:block;
	width:750px;
	text-align:center;
	border-top:5px solid #E5E5E5;
	}
	
form#quickieappointment .primarybutton#submitbutton {
	background:url(../bg_buttonblk.gif) 0 0 no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px;
	margin:-10px 0 0 194px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1.2em; 
	text-align:left !important;
	color:#FFF;
	}
	
* html form#quickieappointment .primarybutton#submitbutton {
	margin-top:-5px;
	padding:2px 0 0 20px;
	}
	
/* forgot password */
form#ResetPasswordForm {
	width:750px;
	}
	
form#ResetPasswordForm legend {
	display:block;
	padding:10px 0 0 0;
	margin:0;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:2em; 
	text-transform:uppercase;
	font-weight:normal;
	color:#000;
	}
	
* html form#ResetPasswordForm legend {
	margin:0 0 0 -8px;
	}
	
form#ResetPasswordForm label {
	text-transform:uppercase; 
	font-weight:bold;
	}
	
form#ResetPasswordForm fieldset dl {
	display:block;
	width:750px;
	margin:0;
	padding:15px 0 0 0;
	background-color:#FFF; 
	border-top:5px solid #000;
	}
	
form#ResetPasswordForm fieldset dl dt {
	float:left;
	width:165px;
	margin-left:5px;
	display:inline;
	}
	
form#ResetPasswordForm fieldset dl dd {
	float:left;
	width:580px;
	}
	
form#ResetPasswordForm input#logonId {
	width:178px;
	height:16px !important;
	}
	
form#ResetPasswordForm input.primarybutton {
	background:url(../bg_buttonblk.gif) 0 0 no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px;
	margin:10px 0 0 170px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1.2em; 
	text-align:left !important; 
	color:#FFF;
	}
	
/* ie6 */
* html form#ResetPasswordForm input.primarybutton {
	margin-left:0;
	}
	
/* ie7 */
*:first-child+html form#ResetPasswordForm input.primarybutton {
	margin-left:0;
	}
	
/* styles with specific attributes */
.floatright {
	float:right;
	}
	
.floatleft {
	float:left
	}
	
.displaynone {
	display:none;
	}
	
.displayblock {
	display:block;
	}
	
.displayinline {
	display:inline;
	}
	
.widthheightzero {
	width:0;
	height:0;
	}
	
.visibilityhidden {
	visibility:hidden;
	}
	
.clearboth {
	clear:both;
	}
	
.strong {
	font-weight:bold;
	}
	
.uppercase {
	text-transform:uppercase;
	}
	
.ghost {
	width:0;
	height:0;
	visibility:hidden;
	display:none;
	}
	
.hide {
	visibility:hidden;
	}
	
.mandatory {
	color:#DC236D;
	}