/*  please note that the # in front of any style means this is special for IE  */

/*table, tr, td {border-spacing: 0px;}*/
 *{margin:0px; padding:0px;}

/*  Header  */
#checkoutHeader {width:960px; height:200px; margin-left:10px; margin-right:10px;}
#checkoutHeaderTop {height:122px;}
#checkoutHeaderBottom { background-image:url(../images/header-nav-bg.png); background-repeat:repeat-x; height:60px;}
#checkoutHeaderLeft {float:left; width:260px;}
#checkoutHeaderRight {float:right; width:175px;}
#checkoutHeaderReturnBasket {float:right; padding-top:4px; padding-bottom:15px;}
#checkoutHeaderSecureCheckout {float:left; padding-top:8px; padding-bottom:15px;}
#checkoutHeaderLogoLeft {float:left; padding-top:18px;}
#checkoutHeaderLogoRight {float:right; padding-top:14px;}
.checkoutHeaderBottomText {padding-top:11px; padding-left:10px; font-family:"KnowledgeBlack", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;}



/*  Basket  */
#basketContent {width:960px; border-top: 2px solid #787878; border-bottom: 2px solid #bdbdbd; font-family:Arial, Helvetica, sans-serif; font-weight:bold;margin-left: 10px; float:left; margin-top: 10px;}
#basketHeader1 {width:100%; height:26px; #height:39px; border-bottom:1px solid #d3d3d3; font-size:11px; color:#494949; padding-left:42px; padding-top:12px;}
#basketHeader2 {height:26px; #height:39px; border-bottom:1px solid #d3d3d3; border-left:1px solid #787878; font-size:11px; color:#404040; padding-left:26px; padding-right: 13px; padding-top:12px;}
#basketHeader3 {width:100%; height:28px; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; font-size:10px; color:#404040; padding-left:12px; padding-top:6px; padding-bottom:4px;; float:left;}
#basketHeader4 {width:100%; height:28px; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; font-size:10px; color:#404040; padding-left:14px; padding-top:6px; padding-bottom:4px;; float:left;}
/*#basketCheckoutBTN {float:left; padding-top:12px; padding-left:14px; padding-bottom:12px;}*/
#basketCheckoutBTN {padding-top:12px; padding-left:14px; padding-bottom:12px; #margin-left:685px;}
#basketUpdateBTN {float:right; padding-top:12px; padding-bottom:12px;}
#basketSubtotal {float:right; font-size:11px; color:#404040; padding-right:25px;}
#basketPaymentOptions {width:960px; border-bottom: 2px solid #797979; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:20px; float:left;margin-left: 10px;}
#basketPaymentContent {width:300px; padding-right:50px; float:left;}
#basketUpsale {width:960px; font-family:Arial, Helvetica, sans-serif; float:left;margin-left: 10px;}
#basketAlsoLike {width:648px; float:left;margin-left: 10px; padding-bottom:27px;}
.basketUpsaleContent {width:105px; #width:120px; height:130px; position:relative; float:left; margin-top:30px; padding-left:12px; padding-right:12px;}
#basketUpsaleContent2 {width:130px; height:114px; float:left; padding-left:12px;}
#basketUpsaleRecommend {width:240px; height:188px; padding:20px; float:right; box-shadow: -5px 5px 5px #d4d4d4; vertical-align:top;}
#basketRow {width: 590px;}
.basketSubtotal {float:right; font-size:11px; color:#404040; padding-right:25px;}
.basketQty {font-size: 11px;color: #404040;}
.graySubtotal {color:#797979; padding-right:30px;}
.checkoutBasketQuantity {width:85px; font-size:11px; color:#404040;}
.basketPurchaseIcons {padding-top:12px; height:100%;}
.basketX {padding-left:22px; padding-top:20px; float:left;}
.basketTitleText {padding-top:18px; padding-left:45px; color:#404040; font-size:11px; font-weight:normal;}
.basketAddText {padding-top:5px; padding-left:45px; padding-right:10px; color:#404040; font-size:10px; font-weight:normal;}
.basketPromotionCode {padding-top:6px; padding-left:45px; padding-bottom:18px; color:#FA6400; font-size:11px; font-weight:normal;width: 178px; #width:220px;}
.basketRow {border-bottom:1px solid #d4d4d4;width: 590px;}
/*.basketRowBottom {border-bottom:1px solid #404040;}*/
.basketRowBottom {height:1px; background-color:#BDBDBD;}
.basketBorder {border-left:1px dotted #d4d4d4; vertical-align:top;}
.basketTDicon { vertical-align:top;}
.basketTD { vertical-align:top; padding-top:18px; padding-left:32px;}

.basketTitleText a:link {text-decoration: none; color:#0078ae; cursor:hand;}
.basketTitleText a:visited {text-decoration: none; color:#0078ae; cursor:hand;}
.basketTitleText a:hover {text-decoration: none; color:#75b2d5; cursor:hand;}
.basketTitleText a:active {text-decoration: none; color:#0078ae; cursor:hand;}

.basketPaymentOptionsTitle {font-size:11px; padding-left:45px; color:#FA6400; padding-top:20px;}
.basketPaymentTypeTitle {padding-top:15px; padding-left:45px; color:#404040; font-size:11px;}
.basketPaymentType {padding-top:8px; padding-left:45px; color:#404040; font-size:11px; font-weight:normal;}
.basketPaymentType2 {padding-top:36px; padding-left:45px; color:#404040; font-size:11px; font-weight:normal;}
.basketPaymentTypeOrange {padding-top:8px; padding-left:45px; color:#FA6400; font-size:11px; font-weight:normal;}

.basketAlsoLikeTab1 {width:136px; height:26px; border-top:2px solid #FA6400; border-right:2px solid #797979; padding-left:14px; padding-top:12px; font-size:11px; color:#404040; float:left; margin-top:20px;
					 #width:150px; #height:38px;}
.basketAlsoLikeTab2 {width:496px; height:38px; border-bottom:2px solid #797979; float:left; margin-top:20px;}
.basketUpsaleTitleAndAuthor {height: 87px; float: left; overflow: hidden;}
.basketUpsaleTitle {font-size:11px;max-height: 45px; width:93px;}
.basketUpsaleAuthor {font-size:11px; padding-bottom:8px; color:#404040;}
.basketUpsalePrice {font-size:11px; padding-bottom:8px; color:#404040; font-weight:bold;}
.basketRecommendLittle {font-family:"KnowledgeBlack", Arial, Helvetica, sans-serif; font-size:13px; color:#FA6400;}
.basketRecommendLarge {font-family:"KnowledgeBlack", Arial, Helvetica, sans-serif; font-size:23px; color:#FA6400; padding-bottom:10px;}
.basketRecommendImage {float:left; padding-right:10px; width:87px;
						#padding-right:3px;}

.basketUpsaleTitle a:link {text-decoration: none; color:#0078ae; cursor:hand;}
.basketUpsaleTitle a:visited {text-decoration: none; color:#0078ae; cursor:hand;}
.basketUpsaleTitle a:hover {text-decoration: none; color:#75b2d5; cursor:hand;}
.basketUpsaleTitle a:active {text-decoration: none; color:#0078ae; cursor:hand;}

.whiteBox {width: 0px;}


/*  Login  */
#checkoutLogin {width:700px; padding-top:25px; margin-right:75px; margin-left:150px;}
#checkoutLogin #checkoutLoginContent {width:700px; height:400px; font-family:"KnowledgeLight", Arial, Helvetica, sans-serif; color:#404040; }
#checkoutLogin #checkoutLoginHeader {font-size:16px; padding-bottom:20px;}
#checkoutLogin #checkoutSignInLeftColumn {Width:320px; border-top:4px solid #797979; border-bottom:1px solid #9b9b9b; float:left; margin-right:30px;}
#checkoutLogin #checkoutSignInRightColumn {Width:320px; border-top:4px solid #797979; border-bottom:1px solid #9b9b9b; float:left; margin-right:30px;}
#checkoutLogin .checkoutSignInHeader {padding-top:10px; padding-bottom:20px;}
#checkoutLogin .checkoutSignInPrompt {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:10px;}

#checkoutLogin .checkoutSignInOrangeBox {}
#checkoutLogin .checkoutSignInBoxTitle {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:10px;}
#checkoutLogin .checkoutSignInBoxSubTitle {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:10px;}
#checkoutLogin #RememberAndButtonContainer{}
#checkoutLogin .checkoutSignInButton {padding-left:220px; padding-bottom:20px; padding-top:20px;}

/*  Login My Account */
#checkoutLoginMyAccount #ContentBody {float:left;}
#checkoutLoginMyAccount {width:700px; padding-top:25px; margin-right:75px; margin-left:150px;}
#checkoutLoginMyAccount #checkoutLoginContent {width:700px; height: 650px; font-family:"KnowledgeLight", Arial, Helvetica, sans-serif; color:#404040; display: inline;}
#checkoutLoginMyAccount #checkoutLoginHeader {font-size:16px; padding-bottom:20px; font-weight: bold;}
#checkoutLoginMyAccount #checkoutSignInLeftColumn {Width:320px; float:left; padding-right: 25px; border-right:2px solid #B4B4B4;}
#checkoutLoginMyAccount #checkoutSignInRightColumn {Width:320px; border-bottom:1px solid #9b9b9b; float:left; margin-left: 20px; padding-bottom:20px; padding-right:10px;}
#checkoutLoginMyAccount .checkoutSignInHeader {padding-top:10px; color: #606060; font-size: 13px; font-weight: bold; width:320px;}
#checkoutLoginMyAccount .checkoutSignInPrompt {font-family:Arial, Helvetica, sans-serif; font-size:11px;  float: left; position: relative;}
#checkoutLoginMyAccount .checkoutSignInPromptDescription{float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
#checkoutLoginMyAccount #NewCustomerBox {padding-top: 20px;}
#checkoutLoginMyAccount .checkoutSignInBox {background-color:#FEEAD5; margin-top:15px; padding: 10px; float:left; width:310px}
#checkoutLoginMyAccount .checkoutSignInBoxTitle {font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-bottom:10px; color: #FE8805; font-weight: bold;}
#checkoutLoginMyAccount .checkoutSignInBoxSubTitle {font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-bottom:10px; padding-top:10px;}
#checkoutLoginMyAccount #RememberAndButtonContainer{ float:left; margin-top: 20px; width: 100%;}
#checkoutLoginMyAccount .checkoutRegisterButton {float: right;}
#checkoutLoginMyAccount .checkoutSignInUser {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-bottom:5px; float:left;}
#checkoutLoginMyAccount .checkoutSignInUser input{ margin-left:10px; width:180px;}
#checkoutLoginMyAccount .checkoutSignInButton {float:right; }
#checkoutLoginMyAccount #FirstVisitBox {border-bottom: 1px solid #9b9b9b;}
#checkoutLoginMyAccount #FirstVisitBox .checkoutSignInButton { margin-top:5px;}
#checkoutLoginMyAccount #ForgotPasswordContainer{font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left;}
#checkoutLoginMyAccount #PayByAccount{float:left; margin-bottom: 10px;}
#checkoutLoginMyAccount #PayByCard{float:left; margin-bottom: 10px;}
#checkoutLoginMyAccount #FooterMessageOnePass{padding-top: 10px; float:left;}
#checkoutLoginMyAccount #FooterMessageMyAccount{padding-top: 10px; }
#checkoutLoginMyAccount .checkoutERROR {float:left;}
#checkoutLoginMyAccount #ReturningCustomerBox{margin-bottom:10px;}

.checkoutSignInUser {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-bottom:5px;}
.orangeText {color:#FA6400;}
.whiteText {color:#ffffff;}
.box200 {width:200px;}

.checkoutRegisterButton {padding-bottom:20px; padding-top:20px;}
.checkoutERROR {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-bottom:5px; color:#C00;}
.checkoutERROR-Prompt {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:5px;}

.checkoutERROR-Prompt a:link {text-decoration: none; color:#0078ae; cursor:hand;}
.checkoutERROR-Prompt a:visited {text-decoration: none; color:#0078ae; cursor:hand;}
.checkoutERROR-Prompt a:hover {text-decoration: none; color:#75b2d5; cursor:hand;}
.checkoutERROR-Prompt a:active {text-decoration: none; color:#0078ae; cursor:hand;}
.checkoutSignInPrompt a:link {text-decoration: none; color:#FA6400; cursor:hand;}
.checkoutSignInPrompt a:visited {text-decoration: none; color:#FA6400; cursor:hand;}
.checkoutSignInPrompt a:hover {text-decoration: underline; color:#FA6400; cursor:hand;}
.checkoutSignInPrompt a:active {text-decoration: none; color:#FA6400; cursor:hand;}

.FooterMessage {width:700px; font-family:"knowledgeMedium", Arial, Helvetica, sans-serif; padding-top:30px; padding-bottom:10px; color:#404040; }
.checkoutOnePassHeader {font-size:20px; padding-bottom:5px; font-weight:normal;}
.checkoutOnePassContent {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:10px;}

/*  Customer Details  */
#checkoutCustDetails {width:960px; padding-left:10px; padding-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404040;}
#checkoutCustDetailsArea {width:560px; padding-left:217px;}
/* #checkoutFormDivider {margin-bottom:24px;} */
#checkoutCustDetailsHeader {font-family:"KnowledgeLight", Arial, Helvetica, sans-serif; font-size:16px; padding-bottom:10px;}
#checkoutCustDetailsCol1 {width:199px; border-top:2px solid #797979; float:left;}
#checkoutCustDetailsCol2 {width:560px; margin-right:18px; margin-left:18px; border-top:2px solid #797979; float:left;}
.checkoutCustDetailsCol2a {width:10px; color:#FA6400; float:left; padding-left:20px;}
.checkoutCustDetailsCol2b {width:105px; float:left;}
.checkoutCustDetailsCol2c {width:419px; float:left;}
.checkoutCustDetailsCol2d {width:10px; color:#FA6400; float:left;}
.checkoutCustDetailsCol2e {width:410px; float:left;}
.checkoutCustDetailsFullName {font-size:10px; width:291px; margin-left:10px; float:left; padding-bottom:10px;}
.checkoutCustDetailsAccountNumber {padding-top:15px; padding-bottom:15px;}
.checkoutCustDetailsrequired {font-size:11px; width:291px; margin-left:10px; float:left; padding-bottom:10px; padding-top:10px; font-style:italic;}
.checkoutCustDetailsDelivery {font-size:11px; width:291px; margin-left:10px; float:left; padding-bottom:10px;}
.box291 {width:281px; margin-left:10px; padding-left:10px; margin-bottom:5px;}
.box296 {width:296px; margin-left:10px; margin-bottom:5px;}
.box100 {width:101px; margin-right:10px;}
.box201 {width:210px; margin-right:10px;}
.box214 {width:214px; margin-right:10px;}
#checkoutCustDetailsCol3 {width:165px; border-top:2px solid #797979; float:left; padding-top:15px; padding-bottom:15px; }
#checkoutCustDetailsCol3Content {width:150px; padding-left:15px; padding-bottom:15px; border-bottom:1px solid #404040;}
.checkoutGeotrust {padding-top:25px; padding-left:15px;}
#checkoutCustDetailsContinueBox {width:530px; height:140px; border-top:1px solid #404040; border-bottom:1px solid #404040; padding-top:15px; padding-left:30px; padding-bottom:15px; margin-top:30px; margin-bottom:15px; float:left;}
#checkoutCustDetailsCreditCardBox {width:530px; height:200px; border-top:2px solid #404040; border-bottom:2px solid #c5c5c5; padding-top:15px; padding-left:30px; padding-bottom:15px; margin-top:30px; float:left;}
.checkoutContinueBox {width:410px; margin-top:20px; margin-bottom:20px;}
.checkoutContinueButton {float:right;}
.checkoutHelp {font-family:"knowledgeMedium", Arial, Helvetica, sans-serif; font-size:13px; }
#checkoutCustDetailsCol3 ul { list-style-type: none;}
#checkoutCustDetailsCol3 li { padding-top:10px;}
.checkoutCreditCardGraphic {padding-top:8px; padding-bottom:10px;}
#checkoutPaymentDetailsButtonMain {width:507px; padding-top:18px; padding-left:26px; padding-right:26px; float:left;}
.checkoutPaymentDetailsButtonLeft {float:left;}
.checkoutPaymentDetailsButtonRight {float:right;}
#checkoutPaymentDetailsPaymentOptions {margin-top:450px; height:210px; border-top:2px solid #404040; border-bottom:2px solid #c5c5c5; padding-top:20px; padding-left:9px; font-family:Arial, Helvetica, sans-serif; color:#404040;}
.checkoutPaymentOptionsHeader {font-size:12px; color:#FA6400; font-weight:bold; padding-bottom:5px;}
.checkoutPaymentOptions1 {padding-bottom:10px;}
.checkoutPaymentOptions2 {padding-bottom:5px; padding-left:10px;}

#checkoutCustDetailsCol3 li a:link {text-decoration: none; color:#FA6400; cursor:hand;}
#checkoutCustDetailsCol3 li a:visited {text-decoration: none; color:#FA6400; cursor:hand;}
#checkoutCustDetailsCol3 li a:hover {text-decoration: underline; color:#FA6400; cursor:hand;}
#checkoutCustDetailsCol3 li a:active {text-decoration: none; color:#FA6400; cursor:hand;}

.checkoutContinueBox a:link {text-decoration: none; color:#FA6400; cursor:hand;}
.checkoutContinueBox a:visited {text-decoration: none; color:#FA6400; cursor:hand;}
.checkoutContinueBox a:hover {text-decoration: underline; color:#FA6400; cursor:hand;}
.checkoutContinueBox a:active {text-decoration: none; color:#FA6400; cursor:hand;}

/*  Progress Bar  */
#checkoutProgressBarMain {width:960px; margin-left:10px; margin-right:10px; margin-bottom:40px; vertical-align:top; font-family:"KnowledgeBlack", Arial, Helvetica, sans-serif; font-size:12px;}
.checkoutProgressBarTextOn {color:#797979;}
.checkoutProgressBarTextOff {color:#c5c5c5;}


.updButton{height:55px;}
#basketheader {width: 920px;margin-left: 50px; float:left;}
.container-shoppingbasket {display:none;}
#OrderDetail .checkout-can-we-help {padding-left:10px;}

.Login-error{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-bottom: 5px;
    color: red;
}

#HeaderTexShippingStep, #HeaderTextShoppingBasket, #HeaderTexBillingStep, #HeaderTexReviewOrderStep, #HeaderTextConfirmationStep, #HeaderTextClientDetailStep {padding-left:10px}
#HeaderTextClientDetailStep {padding-bottom:15px; #font-size:0.75em; text-align:left;}
#HeaderTexShippingStep {#padding-bottom:0px; #font-size:0.75em;}
#HeaderTexBillingStep, #HeaderTexReviewOrderStep {#font-size:0.75em; text-align:left;}
#ShoppingBasket {padding-left:10px;}
#OrderDetail #ShoppingBasket {padding-left:0px;}

.checkoutERROR span a:visited {
CURSOR: hand;
TEXT-DECORATION: none;
color: red;
}

.checkoutERROR span a:link {
CURSOR: hand;
TEXT-DECORATION: none;
color: red;
}

.CheckOutBreadcrumCurrentStepNew
{
    font-weight:bold;
    color:#4b4b4b;
}


.PageHeadingCheckout
{
    font-family: "KnowledgeRegular",Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #404040;
}

.HeaderMainInfoReviewOrder
{
    width:100%; 
    text-align: center;
}

.HeaderContentInfoReviewOrder
{
    width:960px;
    margin-left:10px; 
    text-align:left;
}

.HeaderTexInfoReviewOrderStep {#font-size:11px; float:none !important}
.HeaderTexInfoReviewOrderStep .FloatLeft {#font-size:11px; clear:left; float:none !important}

.HeaderTexInfoReviewOrderStepMarginBottom {
	padding-left:0;
	margin-top: 10px;
	margin-bottom:10px;
	float:none;
	}

#ConfirmationStepBody .HeaderTexInfoReviewOrderStepMarginBottom {
		margin-bottom: 10px;
		padding-left: 50px;
		background: url("/images/orderCompleteTick.jpg") left no-repeat;
		}

.HeaderContentInfoReviewOrder .FloatLeft {
	float:none}

#CheckoutMasterMainInnerContent
{
    text-align:left;
    /*float:left;*/
    width: 735px;
}

#ClientDetailStepHeader
{
    width:76%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	text-align: left;
}

.CheckoutCentered
{
    width:100%; 
    text-align: center;
	padding-bottom:20px;
}

#BillingStepHeader
{
    width:75%;
    margin-left:auto; 
    margin-right:auto;
}

.billingSameAs
{
	margin : 0px 0px 10px 190px;
	float: left;
	width : 530px;
}

.AddressWidgetLinesContainer
{
	height: 200px;
}

.AddressWidgetButtonSelect
{
	margin: 5px;
}

.AddressWidgetButtonEdit
{
	margin: 5px;
}

.Address
{
	width: 741px;
	border-top:2px solid #FA6400;
}

#Account, #Billing
{
	width: 75%;
}

#Shipping
{
	width: 741px;    
}

#ChangeShippingAddress
{
	border-top:2px solid #FA6400;
	display: block;
	width:741px;
	margin-top:20px;
}

.ShippingContainer
{
	width : 741px;
	float : left;
}

#ShippingContainer
{
	margin-top:20px;
}

#AddressInformationContainer
{
	padding-top : 10px;
	padding-left : 10px;
}

.selectAddressPadding
{
	padding : 10px;
}

.AccountNumber
{
	padding-right: 2px;
	padding-left: 5px;
	text-align: left;
	width: 100%;
}

.PageHeadingContainer 
{
	padding-bottom:10px;
}

.HeaderIntro
{
	padding-top: 10px; font-size:12px;
}

.AddressIntroText
{
}

.AddressListContainer
{
	padding-top : 10px;
}
.AddressHeaderHelp
{
	padding-top : 10px;
}

.paymentTextPadding 
{
	padding-bottom:10px;
}

.needHelpFont
{
	display:inline-block;
	padding-bottom:10px;
}