/* color overrides */
/**body {background:  red fixed 50% 0; font: 80% Verdana, Arial, Helvetica, sans-serif; }**/

body {
	background: url(/images/site/bgCSA.gif) #fff fixed 50% 0; 
	height: auto
	}
.mainContainerBg,.pdpMainContainer,.coMainContainer {margin-top:115px;} /* default margin top */

.csaCollapsedMargin {margin-top:50px;}

.mainContainer {margin-top:0px !important}
a:hover {color:initial;}

th.priceOverride, td.priceOverride
{
    width: 160px;    
}

input.priceOverrideAmt
{
    clear: left;
    float: left;
    width: 45px;
    height: 11px;
    margin-top: 3px;
}

select.priceOverrideMode
{
    float: left;
    width: 100px;
    margin-left: 4px;
    margin-top: 3px;
}

li.priceOverrideShipping input.priceOverrideAmt
{
margin-top: 6px;
}

li.priceOverrideShipping select.priceOverrideMode
{
margin-top: 6px;
}

.anyForm input.priceOverrideBtn
{
    float: right;
    clear: both;
    font-size: 12.8px;

}


li.priceOverrideShipping
{
    min-height: 32px;
    margin-bottom: 4px;
}

.anyForm div.totals li span.priceOverrideShippingLabel
{
    float:left;
    width: 140px;
    margin-top: 8px;
}
.anyForm div.addressBlock li span.priceOverrideShippingLabel
{
    float:left;
    width: 240px;
    margin-top: 8px;
    clear:both;
}

.anyForm div.totals li span.priceOverrideShipping, 
.anyForm div.addressBlock li span.priceOverrideShipping
 {
    width: 320px;
    margin-bottom: 4px;
}

/* Fixed Nav disable */
.topBarNavContent.fixed{
    position: relative;
    margin-top:134px;
    width: auto;
    top: auto;
    left: auto;		
	height: auto;
	background:none;
}

.topBarNavContent.fixed .topBarNav{
	width: 1000px;
    margin: 0;
	position: relative;	
	background:none;
}
.topBarNavContent.fixed .topBarNav.womens, .topBarNavContent.fixed .topBarNav.mens, .topBarNavContent.fixed .topBarNav.children {background:none;}

.pdpHeadContainer {position:relative;}
.pdpHeadContainer .topBarNavContainer {margin:0; }
.pdpHeadContainer .topBarNavContent {margin-top:33px;}





/*.userMessages {
	overflow:hidden;
	width:970px; 
	margin: 10px 0 0 15px; 
	padding-bottom:3px; 
	background: #f4e455 url(/images/site/cornerBot970.gif) no-repeat bottom left; 
	color:#000;
}


*html .userMessages{
	margin: 10px 0 0 3px; 
	padding-top:0px;
}

.userMessages h2.messageWarning{
	padding: 2px 10px; 
	font-size:1em; 
	background: #f4e455 url(/images/site/cornerTop970.gif) no-repeat top left; 
}

.messageWarning a{
	color: #cc0000;
	text-decoration:underline
}

.userMessages fieldset {
	background-image:url(/images/site/warning.gif)
}

*/

/* csa */
#floatbar{
	z-index:1000010;
	position:absolute;
	top:0;
	width:100%;
	font-size:10px;
	line-height:17px;
	overflow:hidden;
}

#tbar{
	width:1000px;		
	margin:0 auto;
	padding-bottom:10px;
	
}

#tbarContent{		
	padding:7px 15px;
	overflow:auto;
	background:#ededed;
	-webkit-box-shadow: #666 0px 2px 18px;
	-moz-box-shadow: #666 0px 2px 18px;
	box-shadow: #666 0px 2px 18px;
}

@media screen{
  body>div#floatbar{
    position: fixed;
  }
}
.pdpMainPanelsContainer .pdpPnl.pdpDeliveryReturnPnl {margin: 40px 10px 0;}
.pdpMainPanelsContainer #pm-previouslyViewed {margin:0 10px;}
.pdpAddedToBagPnl {margin: 0 0 10px 0;}

.tbarCol, .tbarColF{
	float:left;
	margin-right:100px;
	font-size:12px;
 }

.tbarFirstCol1{
	float:left;		
	margin-bottom:3px;
}

div.tbarFirstCol1 p.customerName{
	font-size:12px;
	font-family:Neutraface-Text-Demi, Arial, Sans-serif;
	line-height:20px;	
}
 
.tbarLabel{
	display:block;
	color:#8a8a8a;
	float:left;
	width:100px;
	font-size:12px;
}

#tbarBtns{	
	float:right;
	width:auto!important;
} 

#tbarBtns .tbarTitle{
	letter-spacing:2px;
	color:#000;
	font-family:Neutraface-Text-Demi, Arial, Sans-serif;
}

#tbarBtns a.staffswitch {
	float:right;
    padding-left:10px;
    font-weight:bold;
    background:url(/images/StaffToolbar/stafflink.gif) no-repeat scroll 2px 50%;
}

#tbarBtns img{
	float:right;
	margin-left:5px;	
	cursor:pointer;
	margin-top:1px;
}

#tbar p{
	/*margin-bottom:-3px;*/
}

.sort-table .sort-link-ascending, .sort-table .sort-link-descending{
    font-size:1.2em;
    font-weight:bold;
}

.sort-table .sort-th-ascending , .sort-table .sort-th-descending{
    background-color:#ff8000;
}

.anyForm input.btnGradA40,
.anyForm input.btnGradA55,
.anyForm input.btnGradA60,
.anyForm input.btnGradA70,
.anyForm input.btnGradA90,
.anyForm input.btnGradA97,
.anyForm input.btnGradA130,
.anyForm input.btnGradA110,
.anyForm input.btnGradA137,
.anyForm input.btnGradA150,
.anyForm input.btnGradA190,
.anyForm input.btnGradA220,
.anyForm input.btnGradA290,
.anyForm input.btnGradA310 {
	border: 0;
	color: #fff;
	background:#000;
	cursor: pointer;
	padding:8px 10px;
	letter-spacing:auto;
}
.block_container {
    text-align:center;
}
.bloc1, .bloc2 {
    display:inline;
}
.anyForm input.btnSolidA97, .anyForm input.btnDisabledA97, .anyForm input.btnSolidA137, .anyForm input.btnSolidA160 {padding: 8px 10px; font:14px/16px Neutraface-Text-Demi;}
#csaSearchTable {font-size:13px;}
#csaSearchTable td {text-transform:initial;}

.accountSummary .formBoxDelivery, .accountSummary  .customerOfferTbl {width:316px; margin: 10px 5px;}
.accountSummary .formBoxDelivery fieldset, .accountSummary  .customerOfferTbl fieldset {margin:0;}

#tbarBtns img {width:14px;}


/* ------ iPad changes (portrait) ------ */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
	
	body {background: url(/images/CSAToolbar/bgCSA.gif)}
	
	.mainContainerBg,.pdpMainContainer,.coMainContainer {margin-top:210px;} /* default margin top */
	.csaCollapsedMargin {margin-top:65px;}
	.checkOutNav {height:auto!important; margin-top:130px;}
	
	/* toolbar*/
	#tbar {
		width:auto; 
	}	

	#floatbar.collapsed #tbar #tbarContent {overflow:hidden; height:32px;}
	
	#tbarBtns {display:table; line-height:auto;}
	
	#tbarBtns .tbarTitle {
		display:table-cell; 
		vertical-align:middle; 
		font-family:Neutraface-Text-Book;
		line-height:auto;
		}
	#tbarBtns a.staffswitch {
		display:table-cell;
		vertical-align:middle;
		line-height:22px;
		text-decoration:underline;
		margin-left:10px;
		text-transform:uppercase;
	}
	
	#tbarContent {
		font-size:20px; 
		background: url(/images/CSAToolbar/csaBackground.jpg) #fff no-repeat 100% -35px;
		padding: 10px;
	}
	
	.tbarCol #CSACustomerAccountNumber {text-decoration:underline; }
	
	/* Expand/Collapse icon */
	#floatbar #tbarBtns img {width:24px; height:24px; margin-top:0;}
	
	div.tbarFirstCol1 p.customerName {
		font-size:18px;
		margin-top:3px;
		line-height:auto;
	}
	
	.tbarLabel {font-size:18px; width:150px; color:#000;}

	.tbarCol, .tbarColF {
		font-size:inherit; 
		line-height:36px; 
		margin-top:10px; 
		margin-right:0; 
		/*overflow: hidden; 
		white-space:nowrap; 
		text-overflow:ellipsis;*/
	}
	
	.tbarColF {width:30%;}
	
	.tbarFirstCol1 {text-transform:uppercase; margin:0; }

	.tbarCol:nth-child(3) {float:right; margin-right:0; text-align:right; }

	/* search table */
	#csaSearchTable {font-size:15px;}
	
	#csaSearchTable td, #orderDetailsTable td {}
	
	#csaSearchTable tr.highlight td.first {background:#eee; color:#000;}
	
	#csaSearchTable tr.highlight td, #csaCustomerOfferTable tr.highlight td {background:#eee; color:#000;}
	
	#csaSearchTable td.first, #csaSearchTable th.first, #orderDetailsTable td.first, #orderDetailsTable th.first {padding-left:10px;}
	
	#csaSearchTable td.cellRight {font-family:Neutraface-Text-Demi;}
	
	
	
	/* buttons and forms */
	.legendLink {border:none; }

	textarea,
	input.text,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	.input-checkbox {
	-webkit-appearance: none;
	border-radius: 0;
	}
	
	.anyForm input, textarea {font-size:16px; padding:10px; font-family:Neutraface-Text-Book;}
	
	.anyForm label {font-size:16px; margin-top:10px; padding-top:0!important; margin-right:0;}
	
	.anyForm input[type="submit"] {
		font-size:20px!important; 
		padding:10px 15px; 
		font-family:Neutraface-Text-Book; 
		text-transform:uppercase;
		border:1px solid #000;
	}
	
	.newCommentBtn,.legendLink {font-size:18px;}
	.newCommentBtn {margin:10px 0;}
	
	a#lnkCSACustomerSearch,a#lnkCSACustomerClear,a#lnkCSACatalogueRequest,a#lnkCSAOrderHistory {text-decoration:underline;}
	
	.disabledTextBox {background:#eee;}
	
	
	/* Account Summary */
	.accountSummary {margin-right:10px;}
	.accountSummary .formBoxDelivery fieldset ul {background:none; }
	.accountSummary .formX2Height fieldset ul li {margin-left:0; font-size:16px;}
	#boxAddress, #boxContact, #boxAccountCredit, #boxPreferences, #customerOfferTbl {
		width:100%;
		border-bottom:1px solid #ccc;
	}
	.accountSummary #boxComments {border-bottom:1px solid #ccc;}
	.accountSummary #boxComments 
	#ContentPlaceHolder1_CSAOrderComments2_pnlOrderComments div label {margin-top:2px;}
	.accountSummary #boxComments table {font-size:16px; }
	.accountSummary #boxComments table th,.accountSummary #boxComments table td {padding:10px; }
	.accountSummary #boxComments table.csaComments th {font-size:16px;}
	.accountSummary #boxComments table.csaComments tr.highlight td {background:#fefbc4;}
	
	.sbcWrap .sbcPanel {}
	.sbcWrap .sbcPanel .sbcSave {background:#000; color:#fff; border:1px solid #000; border-radius:0; margin-left:10px; }
	.sbcWrap .sbcPanel .sbcCancel {background:#fff; color:#000; border:1px solid #000; border-radius:0; }
	.sbcWrap .sbcPanel .highlight {margin:0; display:inline; }
	.sbcWrap .sbcPanel .highlight label {float:none; display:inline; }
	#ContentPlaceHolder1_CSAOrderComments2_lblPopularCommentList {display:inline-block; margin-top:4px; }
	
	.accountSummary .formBoxDelivery {height:auto;}
	.accountSummary .formBoxDelivery fieldset legend a {float:none; right:auto; line-height:auto!important; display:inline-block;}
	
	.accountSummary .formBoxDelivery label.checkbox {width:auto; margin:0; }
	.accountSummary .formBoxDelivery li {position:relative; font-size:16px; }
	.accountSummary .formBoxDelivery li label {padding-left:40px; text-align:left; }
	.accountSummary .formBoxDelivery li img {position:absolute; left:0; }
	.accountSummary #mcodesubmit {margin-top:10px; }
	.accountSummary .infoIcon {display:none;}
	.accountSummary #boxOpenInvoice {display:none; }
	
	.anyForm li.spacer {padding-top:20px;}
	
	input[name=ctl00$ContentPlaceHolder1$IsPreferred] {margin-top:5px;}
	
	
	#ContentPlaceHolder1_customerSearch_btnAddNew {
		background:#fff;
		color:#000;
		border:1px solid #000;
		display:block; 
		margin-bottom:20px;
	}
	#ContentPlaceHolder1_AddressControl_btnLookUpEdit {}
	
	#ContentPlaceHolder1_CancelButton,#ContentPlaceHolder1_AddressControl_btnCancel {background:#fff; color:#000; margin-right:10px;}
	
	/* RAC */
	#requestCatalogueNormal legend#request_catalogue {width:auto;}
	#requestCatalogueNormal .anyForm label.fullWidth {float:none; margin-bottom:10px; text-align:left; width:auto; text-transform:uppercase; }
	#requestCatalogueNormal .anyForm {width:470px; margin-right:20px; }
	#requestCatalogueNormal #ContentPlaceHolder1_imgCheetahMailTag {top:auto;}
	#requestCatalogueNormal legend#request_catalogue {text-align:left;}
	#requestCatalogueNormal .anyForm select {min-height:42px;}
	#requestCatalogueNormal .anyForm span.long {margin:0; text-align:left; }
	
	#requestCatalogueNormal  span#ContentPlaceHolder1_chk_WhichCataloguesToReceive,
	#requestCatalogueNormal span#ContentPlaceHolder1_ddl_WhereDidYouHearAboutUs.error {margin-left:0!important; }
	
	#requestCatalogueNormal .anyForm span.warningKey {font-size:16px;}
	#requestCatalogueNormal .anyForm label.warning {background:none;}
	#requestCatalogueNormal .anyForm label.warning::after {background:url(/images/site/req.gif); content:' '; padding-right:24px;}
	
	#requestCatalogueNormal .anyForm li {font-size:18px; }
	#requestCatalogueNormal #ContentPlaceHolder1_GenericAddress1_btnLookup {
		display:block;
	}
	#ContentPlaceHolder1_GenericAddress1_DateOfBirth1_dobvalidatorDay {display:none;}
	
	#requestCatalogueNormal #ContentPlaceHolder1_GenericAddress1_btnDontKnowOrHaveAPostcode {display:block;}
	#requestCatalogueNormal #ContentPlaceHolder1_btnSubmit {margin:0; }
	#requestCatalogueNormal #liOptIn {top:108px; }
	#requestCatalogueNormal .anyForm label.checkTextFloat {width:420px;}
	
	#requestCatalogueNormal .checkboxWidth {margin-right:10px; }
	
	#requestCatalogueNormal .btnGradA190 {
		background:#fff;
		color:#000;
		border:1px solid #000
	}
	
	.previouslyViewedItemsContainer {margin:10px;}
	.tabBar .previouslyViewed {font-size:16px;}
}