﻿

div.shoppingBasket2 div.panel h2 { }
/*h2 { width: 80% !important; background-color: #123 !important; }*/

div.shoppingBasket2 { margin: 10px 0px 10px 0px; }
div.shoppingBasket2 div.basket { margin: 10px 0px -15px 0px; } 
div.shoppingBasket2 *.information { display: block; font-weight: normal; color: #000; padding: 5px; border: solid 1px #339; background-color: #9cf; margin: 20px 40px 10px 40px; text-align: center; }
div.shoppingBasket2 div.errorBox { border: solid 1px #CCC; background-color: #f8b944; margin: 20px; }
div.shoppingBasket2 h2 { padding: 0px 0px 0px 0px; width: 100% !important; color: #000 !important; height: 23px; margin: 0px; font-size: 100%; background-image: url(/css/images/shoppingBasket2/checkout/h2Background.jpg); background-repeat: repeat-x; border-bottom: solid 1px #ccc; background-position: bottom; background-color: #fff !important; }
div.shoppingBasket2 h2 img { margin: 0px 10px 0px 10px; vertical-align: middle; } 
div.shoppingBasket2 h2 span.help { display: block; float: right; position: relative; top: -14px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 16px; background-position: left center; background-image: url(/css/images/shoppingBasket2/checkout/help.png); background-repeat: no-repeat; font-size: 85%; font-weight: normal; }
div.shoppingBasket2 h2 span.help a { text-decoration: none; display: block; padding: 3px; color: #33f; }
div.shoppingBasket2 h2 span.help a:hover { text-decoration: underline; }

div.shoppingBasket2 h3 { font-size: 90%; border-bottom: solid 1px #ccc; padding: 3px; }
div.shoppingBasket2 div.panel { display: block; margin: 0px;  padding: 0px; }
div.shoppingBasket2 div.panel div.panelBody { border: solid 2px #ccc; background-color: #fafafa; padding: 10px;}
div.shoppingBasket2 div.panel div.panelBody div.tabPage { border: solid 1px #898c95; position: relative; top: -2px; padding: 5px;background-color: #fff; }
div.shoppingBasket2 div.panel div.panelBody div.tabPage div.tabOverlap { position: relative; top: -6px; background-color: #fff; height: 3px; }


div.shoppingBasket2 div.panel div.panelBody fieldset { margin: 0px; padding: 0px; border: none; }
div.shoppingBasket2 div.panel div.panelBody fieldset legend { padding: 0px; font-weight: bold; }
div.shoppingBasket2 div.panel div.panelBody fieldset p { display: block; float: none; clear: both; margin: 10px 0; padding: 0px; }
div.shoppingBasket2 div.panel div.panelBody fieldset p.borderAbove { border-top: solid 1px #ccc; padding-top: 5px; }
div.shoppingBasket2 div.panel div.panelBody fieldset p label { display: block; width: 150px; float:left; font-weight: bold; padding: 5px 0 3px 0;}
div.shoppingBasket2 div.panel div.panelBody fieldset p img { clear: right;}
div.shoppingBasket2 div.panel div.panelBody fieldset p input { font-size: 100%; width: 200px; clear: right; border: solid 1px #999; padding: 3px;}
div.shoppingBasket2 div.panel div.panelBody *.button { background-color:#e9e9e9; font-weight: bold; padding: 3px 12px; margin: 6px 0px; display: inline-block; height: 25px; border: solid 1px #bbb; width:auto !important; overflow:visible; color: #111; text-decoration: none; font-size: 1.1em; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}
div.shoppingBasket2 div.panel div.panelBody *.button:hover { background-color: #ddd; border-color: #999; }
/*div.shoppingBasket2 div.panel div.panelBody fieldset p select.title { width: 120px; }*/
div.shoppingBasket2 div.panel div.panelBody fieldset p span.fieldIndent { display: block;  margin: 0px 0px 0px 150px; }

div.shoppingBasket2 div.panel div.panelBody div#addressBook { margin: 20px auto; width: 80%; }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table { }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table caption { }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table th,
div.shoppingBasket2 div.panel div.panelBody div#addressBook table td { padding: 5px; width: 150px; border-top: solid 1px #ccc; }
div.shoppingBasket2 div.panel div.panelBody div#addressBook table th { text-align: left; border-top: none; }
/*div.shoppingBasket2 div.panel div.panelBody div#addressBook table td input.button { font-size: 90%; font-weight: bold; width: 160px; }*/

/* the billing/address panels should sit alongside each other - as in the PJ Harvey song . ## We floooaaaatttt ## */
div.shoppingBasket2 div#addressContainer { margin: 0px 0px 20px 0px; }
div.shoppingBasket2 div#addressContainer div#billingAddress { display: block; width: 49%; float: left; }
div.shoppingBasket2 div#addressContainer div#shippingAddress { display: block; width: 49%; float: right; }

div.shoppingBasket2 div#paymentContainer { margin: 20px 0px 0px 0px; }
div.shoppingBasket2 div.panel div.panelBody div.address { }
div.shoppingBasket2 div.panel div.panelBody div.address fieldset { }
div.shoppingBasket2 div.panel div.panelBody div.address fieldset p input.button { width: 150px; }
div.shoppingBasket2 div.panel div.panelBody fieldset ul.validationHelper { list-style-type: none; }
div.shoppingBasket2 div.panel div.panelBody fieldset ul.validationHelper li { font-size: 100%; font-weight: bold; display: block; background-repeat: no-repeat; padding: 4px 4px 4px 20px; color: #f41; }
div.shoppingBasket2 div.panel div.panelBody fieldset ul.validationHelper li.error { background-image: url(/css/images/shoppingBasket2/checkout/error.gif); }

div.shoppingBasket2 div#promotionCode {BORDER-TOP: #ccc 1px solid; }
div.shoppingBasket2 div#promotionCode fieldset { }
div.shoppingBasket2 div#promotionCode fieldset p { width: auto !important; }
div.shoppingBasket2 div#promotionCode input { float: left; clear: none !important;}
div.shoppingBasket2 div#promotionCode input.activatePromotionCodeButton { margin: 0px 0px 0px 10px; float: left;  width: 100px;}
div.shoppingBasket2 div#promotionCode input.removePromotionCodeButton { display: inline; margin: 0px 0px 0px 10px; width: 100px; float: none !important;}

/*div.shoppingBasket2 div#loginContainer { height: 220px; }*/
div.shoppingBasket2 div#loginContainer { }
div.shoppingBasket2 div#loginContainer h3 { font-size: 1.2em;}
div.shoppingBasket2 div#loginContainer div#loginLeft { display: block; float: left; width: 49%; }
div.shoppingBasket2 div#loginLeft a.registerLink { font-size: 120%; font-weight: bold; }


div.shoppingBasket2 div#loginRight { display: block; width: 49%; float:right; }
div.shoppingBasket2 div#loginContainer div#loginRight fieldset { margin: 0; }
div.shoppingBasket2 div#loginContainer div#loginRight fieldset legend { display:none; }
div.shoppingBasket2 div#loginContainer div#loginRight fieldset p { margin: 6px 0; padding:0;}
div.shoppingBasket2 div#loginContainer div#loginRight fieldset p label { }
div.shoppingBasket2 div#loginContainer div#loginRight fieldset p span.fieldIndent { text-align: left; margin: 0px !important;}
/*div.shoppingBasket2 div#loginContainer div#loginRight fieldset p input.button { font-size: 1.2em; width: 90px; margin: 10px 0px 10px 0px; }*/

div.shoppingBasket2 p { margin: 5px; }
div.shoppingBasket2 div.basket { }
div.shoppingBasket2 div.basket div.emptyBasket { font-weight: bold; color: #000; border: solid 1px #CCC; background-color: #f8b944;  margin: 20px auto; width: 50%; text-align: center; }
div.shoppingBasket2 div.basket table { margin: 10px auto; font-size:100%; }
div.shoppingBasket2 div.basket table th { padding: 3px; text-align: left; border-bottom: solid 1px #ccc; }
div.shoppingBasket2 div.basket table tr.BCRow { BORDER-BOTTOM: #ccc 1px solid; }
div.shoppingBasket2 div.basket table td { padding: 3px; }
div.shoppingBasket2 div.basket table td.qty { width: 60px; }
div.shoppingBasket2 div.basket table td.qty input.removeItem { width: auto; padding: 0px 0px 0px 5px; vertical-align: middle; }
div.shoppingBasket2 div.basket table td.itemName { width: 350px; }
/*div.shoppingBasket2 div.basket table td.price { width: 100px; }*/
div.shoppingBasket2 div.basket table td input { width: 50px;  }
div.shoppingBasket2 div.basket table td input.quantityTextBox { width: 30px; font-size: 80%; text-align: center; border: solid 1px #666;}
div.shoppingBasket2 div.basket table td input.updateQtyButton { width: 70px; font-size: 90%; font-weight: bold; }
div.shoppingBasket2 div.basket table td input.CheckOutButton { width: 155px; font-size: 90%; font-weight: bold; }
div.shoppingBasket2 div.basket table td input.CompleteCheckOutButton { width: 155px; font-size: 90%; font-weight: bold; }

div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer { height: 100px;}
div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer div#commentLeft { float: left; height: 100px; width: 49%; }
div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer div#commentRight { float: right; height: 100px; width: 49%; }
div.shoppingBasket2 div#basketSummary div#optionalComment div#commentContainer div#commentRight textarea { height: 80px; width: 99%; }

div.shoppingBasket2 div.panel div.panelBody div.creditCard { }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset { }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p { display: block; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.supportedCards { display: none; float: none; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.fauxLabel { font-weight: bold; float: left; width: 150px; text-align: right; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.cardDates label { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p span.cardDates input { width: 30px; margin: 0px 0px 0px 5px; display: block; }
div.shoppingBasket2 div.panel div.panelBody div.creditCard fieldset p input.submitPayment { width: 150px; border: outset 2px #666; font-size: 90%; font-weight: bold; height: 30px; margin: 10px 0px 0px 150px; }

/* Account Tools */
div.shoppingBasket2 div.accountTools { }
div.shoppingBasket2 div.accountTools ul { list-style-type: none; margin: 10px 0px 10px 10px; padding: 0px;}
div.shoppingBasket2 div.accountTools ul li { padding: 0px; margin: 0px; }
div.shoppingBasket2 div.accountTools ul li a { text-decoration: none; color: #000; padding: 0px 0px 10px 50px; background-repeat: no-repeat; background-position: left; display: block;}
div.shoppingBasket2 div.accountTools ul li#myOrderHistory a { background-image: url(images/shoppingBasket2/accountTools/myDetails.gif); }
div.shoppingBasket2 div.accountTools ul li#myDetails a { background-image: url(images/shoppingBasket2/accountTools/myDetails.gif); }
div.shoppingBasket2 div.accountTools ul li#changePassword a { background-image: url(images/shoppingBasket2/accountTools/changePassword.gif); }
div.shoppingBasket2 div.accountTools ul li#addressBook a { background-image: url(images/shoppingBasket2/accountTools/addressBook.gif); }
div.shoppingBasket2 div.accountTools ul li#eNewsletters a { background-image: url(images/shoppingBasket2/accountTools/enews.gif); }

/* images/shoppingBasket2/checkout/ */
div.shoppingBasket2 address { padding: 0px 0px 0px 15px; }
/*div.shoppingBasket2 *.hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }*/
div.shoppingBasket2 *.hidden {display:none;}


/*GridView*/
.Grid 
{
	width:100%;
}

.Grid tr td
{
	cursor:pointer;
} 

.CursorWait
{
cursor:progress;
}

.CursorNorm
{
cursor:default
}

.GridViewHeaderStyle th
{

	background: url(/css/images/shoppingBasket2/accountTools/GridHeader5.gif);
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
	color: White;
	padding: 3px 5px 3px 5px; /*was 10*/
    text-align: left;
    vertical-align:baseline;
	white-space:nowrap;
}

.GridViewRowStyle
{
    background-color: #EEEEEE; /*lGray Row*/
    text-align:center; /*color: #333333;	/*Dark Text*/
    
}

.GridViewAlternatingRowStyle 
{
	text-align:center;
    background-color: #DCDCDC; /* dGray Row*/
    
}

.GridViewSelectedRowStyle
{
    background-color:  #C0C0FF;
    font-weight: bold;
    /*color: #333333; /*Dark Text*/
}

.gridHover 
{
	background-color: #C0C0FF; 
    text-align:center;
}