/* 	

	Document:					layout.css
	This version:				*** Commented for development ***
	Deployment version:			E:\WCS Deployment Files\Topshop\Style\css\layout.css
	Notes:						Brand-specific file

	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	2.	Image replacement
	3.	Image rollover
	4.	Accessify nav
	5.	Helper styles
	6.	Large image popup
	7.	Main container
	8.	Header
	9.	Breadcrumb
	10. Left nav
	11.	Content area
	12. Footer
	13. Generic error message
	14. My account
	15. Add billing address
	16. Address form - add new address
	17. Quick checkout
	18. Quick checkout - credit card form
	19. 3D Secure Checkout Header
	20. Generic styles
	99. Blog pages - this section can be deleted as soon as the blog pages are fully removed (currently accessible through search engines)

/* 1. Global reset and site defaults */
html {
	font-size:100%;
	height:100%;
	}
/* Page Style */
body
{
	min-height: 100%;
	height:auto;
	font-weight:normal;
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif; /*takes medium 16px down to 10px */ 
	text-align:center;
	display:block;
	position: relative;
} 

	
html, address, blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, ul, li, 
center, hr, pre, table, tr, td, th, thead, tbody, tfoot, caption, input {
	margin:0;
	padding:0;
	border:none;
	text-align:left;
	color: #FFFFFF;
	}
	
form {
	width:auto;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	}
	
legend {
	font-weight:bold; 
	font-size:1em; 
	color:#525931; 
	background-color:#FFF;
	}
	
label.hidden_label {
	display:none;
	}
	
select, input, textarea {
	border:1px solid #AAA !important;
	width:182px;
	padding:1px;
	}
	
select, textarea { 
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	}
	
input.primarybutton {
	cursor:pointer;
	}
	
/* ie6 */
* html input.checkbox {
	border:none;
	}
	
input[type=checkbox], 
input[type=radio] {
	height:12px;
	outline:none !important;
	}
	
input[type=text], 
input[type=password], 
input[type=checkbox] {
	border:1px solid #AAA;
	outline:none !important;
	}
	
.radio, .checkbox {
	border:none;
	outline:none !important;
	}
	
form dl {
	padding:0;
	}
	
/* layout for moz based browsers */	
table {
	font-size:1em;
	}

th {
	font-weight:normal;
	font-size:1.2em;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-transform:uppercase;
	}
	
a, a:link, a:visited {
	cursor:pointer;
	}

a, a:link {
	text-decoration:none;
	color:#000;
	}

a:hover {
	text-decoration:underline;
	color:#B2B2B2;
	}
	
img {
	border:none;
	margin:0;
	padding:0;
	}

h1 { 
	border-bottom:2px solid #000;
	margin:16px 0 5px 0;
	padding:0;
	font-weight: normal;
	font-size: 3.6em;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; 
	line-height:36px; 
	text-transform:uppercase; 
	color:#000; 
	}
		
h2 { 
	margin:20px 0 0 0;
	padding-bottom:2px;
	border-bottom:5px solid #E5E5E5;
	font-size:2em;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; 
	line-height:20px; 
	text-transform:uppercase; 
	color:#999; 
	}
		
#content p {
	padding:10px 0;
	width:75%;
	font-size:1em;
	}
	
#content div h2 {
	margin-right:0;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:2em;
	color:#000;
	border-bottom:0px solid #000;
	}
	
/* search results, default list style */
ul, ul li {
	margin:0;
	padding:0;
	}

ul li {
	list-style:none;
	}
	
.red {
	color:red;
	}
	
/* link styles */
.simplelegend {
	margin:0;
	padding:0;
	font-weight:normal; 
	font-size:1em; 
	color:#000; 
	background-color:#FFF; 
	}

#submitbutton, input.primarybutton {
	border:none;
	outline:none !important;
	}
	
a.contentlink, 
p a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
	}
		
a.contentlink:hover, 
p a:hover {
	color:#B2B2B2;
	}

/* CSR interface */
FORM#csformloginreset {
	display:block !important;
	position:absolute;
	left:0;
	top:0;
	padding:20px;
	margin:0;
	z-index:1000;
	background-color:#FFF !important;
	border:5px solid #DDD;
	color:#E6218B;
	}
	
FORM#csformloginreset input {
	width:auto;
	}	
	
/* 2. Image replacement using the Phark method - identical across all brands */
.replace {
	overflow:hidden; /* prevents dotted lines extending offscreen in FF */
	background-repeat:no-repeat;
	text-indent:-9000px;
	}

.replace a {
	display:block;
	width:100%;
	height:100%;
	}

/* 3. Image rollover - extends image replacement and identical across all brands */
a.rollover:hover, a.rollover:active, a.rollover:focus {
	background-position:bottom left !important;
	}

/* 4. Accessify nav - identical across all brands */
#accessifynav {
	position:absolute;
	top:-9000px;
	left:0;
	}

#accessifynav li {
	width:300px;
	}
	
#accessifynav a {
	position:absolute;
	top:0;
	padding:10px;
	font-weight:bold;
	background-color:#000;
	color:#FFF;
	}

#accessifynav a:active, 
#accessifynav a:focus {
	top:9000px;
	}
	
/* categorydisplay */
/* clear the container div in the absence of a child clearing div */
.clearfix:after, .clear_fix:after {
	content:".";
	display:block;
	height:0 !important;
	clear:both;
	visibility:hidden;
	}

/* ie7 */
.clearfix, .clear_fix {
	overflow:hidden;
	}

/* ie6 */	
* html .clearfix, * html .clear_fix {
	height:1%;
	overflow:visible;
	}

/* 5. Helper styles */
/* mozilla - remove dashed border */
a {
	outline:none;
	}

a:active {
	outline:none;
	color: #FFFFFF;
	}

input[type=submit] {
	outline-width:0;
	}

input:focus {
	outline-width:0;
	}

/* 6. Large image popup */
a.closewindow#close {
	display:block;
	background:#000 url(../bg_closewindow.gif) right center no-repeat;
	padding-right:15px;
	position:absolute;
	top:20px;
	right:30px;
	font-size: 1em;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	color:#ACACAC !important; 
	}

#popupcontainer {
	background:#000 url(../logo_popupcontainer.gif) 15px 15px no-repeat;
	margin:0 0 40px 0;
	padding-left:12px;
	padding-top:60px;
	height:100%;
	text-align:center;
	color:#FFF;
	}

#popupcontainer h1, 
#popupcontainer h2 {
	margin:0 12px 10px 0;
	color:#FFF;
	border-color:#FFF;
	}

#popupcontainer p {
	padding-right:12px;
	margin-bottom:15px;
	}

#popupcontainer img {
	float:left;
	margin-bottom:15px;
	display:block;
	}

/* 7. Main container */
#container {
	width:960px;
	margin:0 auto;
	min-height:140% !important; /* For Modern Browsers */
	height:auto !important; /* For Modern Browsers */
	height:100%;
	background:#000;
	text-align:center;
	clear:both;
	}
	
/* Container for all - leftnav, breadcrumb, content */
#pagebody {
	background:#FFF;
	width:920px;
	float:left;
	margin:0;
	padding:5px 0 0 0;
	margin:0 20px !important;
	margin:0 10px;
	}
	
#pagebody:after {
	display:block;
	content:".";
	height:0;
	visibility:hidden;
	}
	
/* 8. Header */
/* logo and topnav links */
#header {
	width:940px;
	margin:0;
	height:56px;
	font-size:1em;
	position: fixed;
	z-index: 1000;
	background-color: #000000;
	}
	
#header h1 {
	padding:0;
	margin:0;
	background-color:#000;
	}
.texto_top {
	font-size:16px;
	font-weight:bold;

	}
.news {
	font-size:14px;
	font-weight:bold;
	font-family:verdana;
	color:#FFF;

}
	
#header #logo {
	width:200px;
	margin-top:15px;
	margin-left:5px;
	float:left;

  }
	
#header #logo h1 {
	background:none !important;
	}
	
#header #logo img {
	float:none;
	}
	
#header #country_switch {
	float: left;
	margin: 10px 0 0 95px !important;
	margin: 10px 0 0 90px;
	width: auto !important;
	width: 120px;
	font-size:16px;
	font-weight:bold;
	
	}
		
#header #country_switch a {
	display:block;
	background:url(../uk_flag.gif) left top no-repeat;
	color: #999;
	padding-left: 34px;
	height: 11px;
	text-decoration: none;
	}
	
#header #country_switch a:hover {
	color: #ccc;
	}
			
#header #topnav {
	float:left;
	margin: 10px 0 0 14px;
	display: block;
	}
	
#header #topnav ul li#first ul {
	overflow: hidden;
	}
	
#header #topnav ul li#first li {
	display:inline;
	list-style:none;
	text-align:center;
	margin-right: 14px;
	float: left;
	color: #999;
	}
	
#header #topnav ul li#first li.no_margin {
	margin: 0 !important;
	}
	
#header #topnav ul li#first li#amp {
	padding: 0 4px;
	}


#header #topnav ul li a {
	text-decoration:none;
	color: #999;
	display: block;
	}
	
#header #topnav ul li a:hover {
	color: #ccc;
	}
	
#header #topnav ul li#first {
	display: inline;
	}
	
#header #topnav ul li#last a {
	padding-right:10px !important;
	background:url(../topnav_bullet.gif) center right no-repeat;
	width:60px;
	}
	
#header #topnav ul li#menufirst {
	background:none;
	}
	
#headersubsection {
	width:920px;
	font-size:1em;
	background:#000;
	margin: 0 20px;
	position: relative;
	}
	
#headersubsection form {
	width: 250px;
	}

#headersubsection form input {
	border:none !important;
	}
	
/* header - links */
#container #headersubsection #links {
	display: block;
	overflow: hidden;
	float: right;
	margin-top: 4px;
	width: 660px;
	}
	
#headersubsection #links li#linksfirst ul {
	float: right;
	}

#headersubsection #links li#linksfirst ul li {
	float: left;
	font-weight: bold;
	height: 20px;
	width: 600px;
	}
	
#headersubsection #links li#linksfirst ul li a {
	display: block;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.1em;
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	}
.borda{
	float:left; 
	margin:0 3px 3px 0;
	float:left; 
	overflow:hidden;


}
	
.borda:hover{
 	border:4px solid #000;
	margin:-4px;



}
/* Feature menu bg images */
#headersubsection #links li#linksfirst ul li a#featuremenu_ni {
	background-image: url(../featuremenu_ni.gif);
	width: 600px;
	
	}
#headersubsection #links li#linksfirst ul li a#featuremenu_fe {
	background-image: url(../featuremenu_fe.gif);
	width: 92px;
	}
#headersubsection #links li#linksfirst ul li a#featuremenu_co {
	background-image: url(../featuremenu_co.gif);
	width: 115px;
	}
#headersubsection #links li#linksfirst ul li a#featuremenu_bl {
	background-image: url(../featuremenu_bl.gif);
	width: 49px;
	}

/* header - item summary */

#headersubsection #itemsummary {
	position: absolute;
	left: 780px;
	top: -61px;
	width: 140px;
	}
	
* html #itemsummary {position: relative; left:0;}	
	
#itemsummary a {
	color: #999;
	text-decoration:none;
	height: 12px;
	padding: 5px 0 0 72px;
	display: block;
	background: #000 url(../bag_logo.gif) no-repeat left top;
	/*line-height: 21px;*/
	letter-spacing: -0.05em;
	float: right;
	}
	
#itemsummary a:hover {	
	color: #ccc;
	}
	
#container #checkout_header ul#checkout_exit { /* Display bag logo in checkout pages */
	background: #000 url(../bag_logo.gif) no-repeat 135px 2px;
	margin-top: 0 !important;
	padding-top: 7px;
	}
	
/* IE6 fix for credit card logos - should be in Checkout.css but Russ was making changes */
body#orderdisplay #checkout_footer {
	float: none !important;
	float: left;
	}

/* header - search */

#headersubsection #search  {
	width:250px;
	display: block;
	overflow: hidden;
	margin-bottom: 12px;
	}
	
#headersubsection #search dl dt {
	height:1px;
	overflow:hidden;
	text-indent:-9000px;
	}	

/* search form */
#headersubsection #search dl dd input#searchtxt {
	float:left;
	width:162px;
	height:15px;
	border:1px solid #9f9f9f !important;
	background:#000;
	color: #999;
	padding: 2px 4px 1px;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
	}

/* button */
#headersubsection #search dl dd input.searchbutton {
	float:left;
	background:url(../searchbutton.gif) top left no-repeat;
	width: 28px;	
	height: 20px;
	text-indent:-9000px;
	line-height: 9000px;
	font-size:0;
	margin-left: 5px;
	cursor:pointer;
	vertical-align:top;
	border:none !important;
	color:#939393;
	padding: 0;
	}

/* 9. Breadcrumb */
#breadcrumb {
	display:block;
	width:740px;
	margin:0 0 0 170px !important;
	padding:9px 0 8px 0;
	float:none;
	font-size:1em; 
	text-transform:capitalize; 
	border-bottom:5px solid #E5E5E5;
	}

#breadcrumb #bcrumbfirst {
	background:url(../breadcrumb_home.gif) left center no-repeat;
	padding:0 5px 0 15px;
	}

#breadcrumb li {
	background:url(../breadcrumb_delimiter.gif) left center no-repeat;
	display:inline;
	padding:0 5px 0 15px;
	font-weight:bold;
	}

#breadcrumb li a {
	padding:0 0 0 5px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	}
	
/* remove breadcrumb on the homepage */
body#topcategoriesdisplay #breadcrumb {
	border-bottom:none;
	padding:0;
	height:5px;
	}
	
body#topcategoriesdisplay #breadcrumb ul {
	display:none;
	}

/* 10. Left nav */
body#topcategoriesdisplay #lefthandbar {
	margin-top:0;
}

#lefthandbar {
	float:left;
	width:167px;
	margin-top:-34px;
	overflow:hidden; /* IE6 */	
}

body#genericerror #lefthandbar { /* get rid of negative margin on a genericerror page as there is no breadcrumb so left nav doesn't need adjusting */
	margin-top: 0;
	}
	
#lefthandbar ul#top_level_categories {
	margin:0 6px;
	margin-top: 30px;
}

#lefthandbar ul#top_level_categories li {
	width:158px;
	text-transform:uppercase;
}

#lefthandbar ul#top_level_categories li span,
#lefthandbar ul#top_level_categories li.active_parent a {
	display:block;
	width:152px;	
	padding:2px 3px;
	font-weight:bold;
}

#lefthandbar ul#top_level_categories li a {
	display:block;
	width:152px;	
	padding:1px 3px;
	color:#333;
}

#lefthandbar ul#top_level_categories li a:hover {
	color:#333;
	text-decoration:none;
	background:#CECECE;
}

#lefthandbar ul#top_level_categories li ul li {
	text-transform:none;	
}

#lefthandbar ul#top_level_categories li ul li.active span {
	width:138px;
	padding-left:17px;
	background:#FFF url(../dash.gif) left no-repeat scroll;	
}

#lefthandbar ul#top_level_categories li ul li a,
#lefthandbar ul#top_level_categories li.active_parent ul li a {
	font-weight:normal;
	width:138px;
	padding-left:17px;
	background:#FFF url(../dash.gif) left no-repeat scroll;
	}

#lefthandbar ul#top_level_categories li ul li.active a {
	font-weight:bold;
	}

#lefthandbar ul#top_level_categories li ul li a:hover {
	color:#333;
	text-decoration:none;
	background-color:#CECECE;
	}

#lefthandbar ul#top_level_categories li.category_58914,  
#lefthandbar ul#top_level_categories li.category_42344, 
#lefthandbar ul#top_level_categories li.category_42358, 
#lefthandbar ul#top_level_categories li.category_42351, 
#lefthandbar ul#top_level_categories li.category_42385, 
#lefthandbar ul#top_level_categories li.category_128422,
#lefthandbar ul#top_level_categories li.category_152612,
#lefthandbar ul#top_level_categories li.category_74921,
#lefthandbar ul#top_level_categories li.category_172663,
#lefthandbar ul#top_level_categories li.category_175012,
#lefthandbar ul#top_level_categories li.category_173508,
#lefthandbar ul#top_level_categories li.category_198488
{
	margin-top: 10px !important;
}

#lefthandbar ul#top_level_categories li.category_61561>span,
#lefthandbar ul#top_level_categories li.category_61561>a,
#lefthandbar ul#top_level_categories li.category_61561>a:hover {
	color:#FF0094;
}

/* left nav layout */	
#sidebar_espot_1 {
	width:170px;
	padding-top:30px;
}

#sidebar_espot_1 h2 {
	display:block;
	width:147px;
	height:28px;
	margin:0 0 0 10px;
	border-bottom:none !important;
	background:#FFF url(../features/adcopy/sidebar_espot_style_guide.gif) top left no-repeat;	
	}
	
#sidebar_espot_1 li {
	width:148px;
	margin:0 0 0 10px;	
	text-transform:uppercase;
	color:#333;
	border-bottom:1px solid #c3c3c3;
	}

#sidebar_espot_1 li a {
	display:block;
	width:148px;
	padding:2px 0;
	}

#sidebar_espot_1 li a:hover {
	background:#CECECE;
	color:#333;
	text-decoration:none;
}

/* 11. Content area*/
#content {
	margin:0 0 5px 170px;
	width:auto;
	height:1%;
	}
	
/* ie6 */
* html #content {
	margin:0 0 5px 167px;
	width:auto;
	height:1%;
	overflow: hidden;
	}

/* 12. Footer */
#footer {
	clear: both;
	display: block;
	width: 100%;
	padding-top: 15px;

	}
	
#footer #footernav li#feetfirst {
	float: left;
	width: 240px;
	background-color: #000000;
	}
	
#footer #footernav li#feetfirst #style_notes_signup {
	margin-left: 20px;
	background-color: #000000;
	}
	
#footer #style_notes_signup dt, #footer #style_notes_signup dd {
	float: left;
	background-color: #000000;
	}
	
#footer #style_notes_signup dd#subdd {
	margin-left: 5px;
	}

#footer #style_notes_signup dt#signup_label {
	margin-bottom: 10px;
	float: none;
	background-color: #000000;
	}
	
#footer #style_notes_signup dt#signup_label a {
	color: #ccc;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	background: #000 url(../signup_label.gif) no-repeat left top;
	height: 11px;
	width: 171px;
	display: block;
	}

#footer #style_notes_signup dd#signup_box label {
	position: absolute;
	left: -9000px;
	display: block;
	}

#footer #style_notes_signup dd#signup_box input {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #000;
	border: 1px solid #9f9f9f !important;
	color: #999;
	width: 162px;
	height: 15px;
	padding: 2px 4px 1px;
	font-size: 1em;
	}
	
#footer #style_notes_signup dd#subdd input {
	width: 28px;
	height: 20px;
	display: block;
	border: none !important;
	padding: 0 !important;
	}
	
#footer #style_notes_signup dd#subdd {
	padding-top: 0 !important;
	padding-top: 1px;
	background-color: #000000;
	}
	
*:first-child+html #footer #style_notes_signup dd#subdd {
  padding-top: 1px !important;
  }
	
#footer #footernav li#feetlast {
	width: 720px;
	float: right;
	}
	
#footer #footernav li#feetlast #main_footer_links {
	margin: 0 20px 30px 0;
	overflow: hidden;
	background-color: #000000;
	}
	
#footer_text2{
	margin-left:300px;
	background-color:#000;
	margin-top:-80px;

}

#footer_text{
	margin-left:300px;
	background-color:#000;
	margin-top:0px;
	

}
#footer_text2 a{
	margin-left:0px;
	background-color:#000;
	margin-top:0px;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
}
#footer_text2 a:hover{
	background-color:#000;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	cursor:pointer;
	color:#069;
}


#footer #footernav li#feetlast ul {
	display: block;
	float: right;
	margin-bottom: 15px;
	width: 100%;
	background-color: #000000;
	}
	
#footer #footernav li#feetlast li {
	float: right;
	}

#footer #footernav li#feetlast li a {
	display: block;
	font-size: 0.9em;
	}
	
#footer #footernav li#feetlast ul#common_links li {
	height: 12px;
	}
	
#footer #footernav li#feetlast ul#common_links li a {

	}
	
/* Footer menu bg images */
#footer #footernav li#feetlast li a#footermenu_sa {
	background-image: url(../footermenu_sa.gif);
	width: 104px;
	height: 12px;
	margin-top:2px;
	}
#footer #footernav li#feetlast li a#footermenu_km {
	background-image: url(../footermenu_km.gif);
	width: 85px;
	height: 12px;
	margin-top:2px;
	}
#footer #footernav li#feetlast li a#footermenu_mu  {
	background-image: url(../footermenu_mu.gif);
	width: 65px;
	height: 12px;
	margin-top:2px;
	}
#footer #footernav li#feetlast li a#footermenu_st {
	background-image: url(../footermenu_st.gif);
	width: 76px;
	height: 12px;
	margin-top:2px;
	}
#footer #footernav li#feetlast li a#footermenu_gc {
	background-image: url(../footermenu_gc.gif);
	width: 81px;
	height: 12px;
	margin-top:2px;
	}
#footer #footernav li#feetlast li a#footermenu_tc {
	background-image: url(../footermenu_tc.gif);
	width: 103px;
	height: 12px;
	margin-top:2px;
	}
#footer #footernav li#feetlast li a#footermenu_ra {
	background-image: url(../footermenu_ra.gif);
	width: 49px;
	height: 12px;
	margin-top:2px;
	}
#footer #footernav li#feetlast li a#footermenu_fb {
	background: url(../topshop_sprite.gif) -16px 0 no-repeat;
	width: 16px;
	height: 16px;
	margin-left:7px;
	float: left;
	margin-right: 44px;
	}
#footer #footernav li#feetlast li a#footermenu_tw {
	background: url(../topshop_sprite.gif) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	margin-left:7px;
	margin-right: 54px;
	}
#footer #footernav li#feetlast li a#footermenu_yt {
	background: url(../topshop_sprite.gif) -32px 0 no-repeat;
	width: 16px;
	height: 16px;
	margin-left:7px;
	margin-right: 54px;
	}

#footer #footernav li#feetlast ul#hygiene_links li {
	margin-left: 6px;
	padding-left: 6px;
	background: #000 url(../topnav_bullet.gif) no-repeat left 80%;
	}
	
#footer #footernav li#feetlast ul#hygiene_links li.first {
	background: none;
	padding-left: 0 !important;
	margin-left: 0 !important;
	}
	
#footernav li#feetlast ul#common_links a, #footernav li#feetlast ul#social_media_links a {
	text-transform: uppercase;
	font-weight: bold;
	}

#footernav li#feetlast ul li a {
	color: #666;
	text-decoration: none;
	}
	
#footernav li#feetlast ul li a:hover {
	color: #ccc;
	}

/* 13. Generic error message */
div#messagearea {
	background:url(../messageareatile.gif);
	padding:15px;
	margin:0;
	font-weight:bold;
	font-size: 1em; 
	color:#000; 
	border-bottom:5px solid #E5E5E5;
	}
	
div#messagearea a {
	text-decoration:underline;
	}

div#messagearea a:hover {
	color:#000;
	}

/* 14. My account */
h1+h2+p, 
h1+h2+p+h2+p, 
h1+h2+p+h2+p+h2+p, 
h1+h2+p+h2+p+h2+p+h2+p {
	margin-bottom:20px;
	}

/* 15. Add billing address */
form.form label {
	margin-bottom:10px;
	padding-left:0;
	height:18px;
	text-transform:uppercase; 
	font-weight:bold;
	font-size:1em; 
	}

form.form input, 
form.form select#persTitle {
	width:184px;
	padding:0;
	margin:0;
	height:18px;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	}
	
/* address lookup buttons - quick checkout */
input.primarybutton#findaddress, 
form#quickcheckout input.primarybutton, 
form#addressform input.primarybutton {
	background:url(../bg_btngreyright.gif) 0px 0px no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px;
	margin-left:4px;
	font-weight:bold;
	font-size:1.2em;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	text-align:left !important; 
	color:#FFF;
	}
	
* html input.primarybutton#findaddress, 
* html form#quickcheckout input.primarybutton {
	padding:2px 0 0 20px;
	}
	
input#telephone {
	margin-bottom:30px;
	}

* html input#telephone {
	margin-bottom:0;
	}
	
/* 16. Address form - add new address */
form#addressform {
	margin:0;
	padding:0;
	background:none;
	}
	
form#addressform fieldset {
	width:750px;
	display:block;
	border-bottom:5px solid #000;
	}
	
form#addressform p {
	margin-bottom:10px;
	margin-left:10px;
	}
	
form#addressform legend {
	visibility:hidden;
	}
	
form#addressform span.strongtext {
	display:block;
	width:187px;
	margin:0;
	text-transform:uppercase;
	}
	
form#addressform fieldset dl {
	width:395px;
	margin:10px 0 0 0;
	}
	
form#addressform fieldset dt {
	width:184px;
	padding:0;
	margin:0 0 0 10px;
	}
	
form#addressform fieldset dd {
	width:184px;
	padding:0;
	margin:0 0 10px 0;
	}
	
#content > form#addressform fieldset dd {
	margin-left:197px;
	padding:0;
	}
	
* html form#addressform fieldset dd .strongtext {
	position:relative;
	top:-9px;
	left:206px;
	margin:0 0 -5px 0;
	}
	
form#addressform input#premises {
	margin-bottom:4px;
	}
	
form#addressform label {
	padding:0;
	height:18px;
	margin:0;
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:1em;
	}
	
form#addressform input {
	margin-bottom:0;
	width:184px;
	padding:2px 0 0 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
	}
	
/* submit button */
form#addressform dl.buttonrealign {
	width:200px;
	float:left;
	margin:0 0 0 204px;
	padding:0;
	}
	
* html form#addressform dl.buttonrealign {
	margin:0 0 0 204px;
	display:inline;
	}
	
/* 17. Quick checkout */
form#quickcheckout {
	float:left;
	width:750px;
	margin:0;
	padding:0;
	}
	
form#quickcheckout p {
	margin-bottom:10px;
	margin-left:10px;
	}
	
form#quickcheckout fieldset {
	width:750px;
	display:block;
	margin:40px 0 10px 0 !important;
	padding:0;
	border-top:5px solid #000;
	}
	
* html form#quickcheckout fieldset {
	margin:30px 0 0 0 !important;
	padding:0 !important;
	border-top:none;
	}
	
form#quickcheckout fieldset legend {
	margin:9px 0 11px 10px !important;
	padding:0px !important;
	display:block;
	width:750px !important;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:normal;
	color:#000;
	border-bottom:5px solid #000;
	}
	
* html form#quickcheckout fieldset legend {
	margin:9px -8px 11px -7px !important;
	position:relative;
	left:0px;
	}
	
form#quickcheckout select {
	width:184px;
	margin-bottom:0;
	}
	
#content > form#quickcheckout dl {
	margin:0;
	padding:0px 0 0px 0;
	width:750px
	}
	
form#quickcheckout dl {
	margin:0;
	padding:10px 0 0px 0;
	width:750px;
	display:block;
	}
	
form#quickcheckout dt {
	clear:left;
	}
	
form#quickcheckout dt, 
form#quickcheckout dd {
	margin-bottom:10px;
	border:none;
	background-color:#FFF;
	}
	
#content > form#quickcheckout fieldset dd {
	margin-left:197px;
	}
	
form#quickcheckout input#billing_premises, 
form#quickcheckout input#shipping_premises {
	margin-bottom:4px;
	}
	
form#quickcheckout textarea {
	width:260px;
	}
	
form#quickcheckout input#sameas {
	border:none;
	height:12px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
	}
	
form#addressform input#sameas, 
form#quickcheckout input#shipModeId_1, 
form#quickcheckout input#shipModeId_2 {
	border:none;
	height:12px;
	margin-bottom:10px;
	text-align:center;
	}
	
form#quickcheckout input#dm1, 
form.form#quickcheckout input#dm2, 
form.form#quickcheckout input#dm3 {
	border:none;
	}
	
form#quickcheckout select#billing_personTitle, 
form#quickcheckout select#shipping_personTitle, 
form#addressform select#personTitle, 
form#billingaddress select#personTitle {
	padding:0;
	width:184px;
	background-color:#FFF;
	}
	
form#quickcheckout input#billing_phone1, 
form.form#quickcheckout input#shipping_phone1, 
input#WC_AddressEntryForm_FormInput_zipCode_1, 
input#WC_AddressEntryForm_FormInput_zipCode_2 {
	border:1px solid #AAA;
	}
	
#quickcheckout #billing_country, 
#quickcheckout select, #billingaddress select {
	height:18px;
	}
	
#TERMSANDCONDITIONS_OPTIN {
	width: auto !important;
	height: auto !important;
	border: none !important;
	}
	
/* 18. Quick checkout - credit card form */
form#quickcheckout div.credit {
	width:750px;
	float:left;
	margin-top:-20px;
	padding-bottom:20px;
	border:none;
	}
	
* html form#quickcheckout div.credit {
	float:left;
	width:740px;
	}
	
form#quickcheckout div.credit fieldset {
	width:740px;
	background:url(../icons_cardpayment.gif) 400px 20px no-repeat;
	padding:0;
	border-top:5px solid #000;
	border-bottom:none;
	}
	
* html form#quickcheckout div.credit fieldset {
	background:url(../icons_cardpayment.gif) 400px 55px no-repeat;
	border:none;
	padding:0;
	}
	
form#quickcheckout div.credit fieldset dl {
	display:block;
	width:auto;
	border:none;
	}
	
* html form#quickcheckout div.credit fieldset dl {
	margin-top:10px;
	}
	
.credit select {
	margin-bottom:10px;
	}
	
select#pay_cardBrand, 
select#pay_cardExpiryMonth, 
select#pay_cardExpiryYear, 
input#pay_cardNumber {
	width:184px;
	height:18px;
	background-color:#FFF;
	}
	
/* reset font styles for buttons */
form#quickcheckout dl.buttonrealign {
	clear:both;
	padding:0;
	margin:0;
	border-top:5px solid #000 !important;
	}
	
form#quickcheckout dt.hide {
	margin:0;
	padding:0;
	}
	
form#quickcheckout dl.buttonrealign dd {
	margin:-2px 0 0 400px;
	padding:0;
	}
	
form#quickcheckout input.primarybutton#submitbutton, 
form#addressform dl.buttonrealign dd input.primarybutton {
	background:url(../bg_buttonblk.gif) 0px 0px no-repeat;
	height:21px;
	width:184px;
	padding:0 0 0 20px !important;
	margin:-5px 0 15px 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;
	}
	
* html form#quickcheckout input.primarybutton#submitbutton, 
* html form#addressform dl.buttonrealign dd input.primarybutton {
	padding:2px 0 0 20px !important;
	margin:-5px 0 0 0 !important;
	}
	
/* 19. 3D Secure Checkout Header */
body#checkout_frameset {
	background:transparent url(../3d_header_body_bgrd.gif) center top no-repeat;
	}
	
body#checkout_frameset #container {
	background:none;
	}
	
body#checkout_frameset #header p {
	padding:5px 0;
	font-weight:bold;
	color:#FFF;
	}
	
/* 20. Generic styles */
/* Static page styles */
#staticcontainer {
	width:750px;
	margin:0;
	padding:0;
	}

/* hide additional tags written by websphere */
div#lhs {
	display:none;
	}

div#staticcontent h1, 
div#staticcontent p, 
div#staticcontent h4 {
	display:none;
	}

/* display tags within static page content */
div#staticcontainer h4 {
	display:none;
	}

div#staticcontainer h1, 
div#staticcontainer p {
	background:none;
	display:block;
	}

#staticcontainer img {
	border:none;
	}

/* hide imagemap text and links for accessibility */
#imagemap_description, 
#hidden_description {
	position:absolute;
	top:-1000px;
	}

.imagemap_desc, 
.hidden_desc {
	width:1px;
	height:1px;
	overflow:hidden;
	}
	
/* 01/07/2009 - Remove breadcrumb on the sale interstitial */
.category_61561 #lefthandbar {
	margin-top:0;
	}

.category_61561 #breadcrumb {
	border-bottom:none;
	padding:0;
	height:5px;
	}
	
.category_61561 #breadcrumb ul {
	display:none;
	}
	
/* Prevent dotted line from showing round Flash objects in FF3 */
object {
outline: none;
}

