﻿
.acButtons {padding-left:140px;clear:both;overflow:auto;}
.acButtons a {margin-right:15px;}
.acButtons .glassLink {
	position:static;
}


/*= tabs ===================================================*/
ul.tabs
{
	list-style-type:none;
	margin: 0 0 0 8px;
}

ul.tabs li
{
	float:left;
	margin: 0;
	padding: 0;
	margin: 0 0 0 14px;
	font-weight:bold;
}

ul.tabs li a 
{
	display:block;
	background-image:url(designImages/tabs/light_right.gif);
	background-color:#d6c9d3;
	background-position: right top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	text-decoration:none;
	color: #99728f;
	border-bottom:solid 1px white;
}

ul.tabs li a span
{
	display:block;
	margin: 0;
	padding: 5px;
	background-image:url(designImages/tabs/light_left.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

ul.tabs li.selected a 
{
	background-color:#f0eaef;
	background-image:url(designImages/tabs/pale_right.gif);
	color: #763d6b;
	border-bottom:solid 1px #f0eaef;
}

ul.tabs li.selected a span
{
	background-image:url(designImages/tabs/pale_left.gif);
}


ul.tabs li a:hover
{
	color:White;
	background-color:#763d6b;
	background-image:url(designImages/tabs/mid_right.gif);
}

ul.tabs li a:hover span
{
	background-image:url(designImages/tabs/mid_left.gif);
}

/*= account page ===================================================*/

.account
{
	padding:14px;
	clear:both;
	color:#753C6A;
	min-height:400px;
}

.account h3
{
	font-size:136%;
	margin-bottom: 10px;
}

.account h4
{
	margin-bottom: 5px;
	font-weight:bold;
	clear:both;
}


/*= form =======================================================*/

.palePurple fieldset	{border-color:#4f2347;}

.form {overflow:auto;}
.form fieldset {
	overflow:auto;
	border:none;
	
	margin-bottom: 10px;
	padding-bottom:10px;
}


.form legend {
	padding: 0;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #763d6b;
}
.form label, 
.form span 
{
	float:left;
	width:140px;
	line-height: 1.8;
	vertical-align: top;
	color: #763d6b;
}

.form .glassLink span {width:auto; color:#ffffff; line-height:normal;}

.form fieldset ul,
.form fieldset ol {
	overflow:auto;
	margin: 0;
	padding: 0;
	float:left;
	clear:both;
	position:relative;
	width:100%;
}
.form fieldset li {
	list-style: none;
	padding: 2px 0;
	margin: 0;
	clear:both;
}

.form .req	{ width:auto; float:none; display:inline;}

.form .req,
.form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

.form fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}

/*= Order Details page ============================================================*/

.account.orderDetails fieldset { border:none; }
.account.orderDetails fieldset.summary ol { list-style-type:none; padding:5px 0 0 0 ; margin:0 0 10px 0; border-top: 1px solid #D6CBD6; border-bottom: 1px solid #D6CBD6; }
.account.orderDetails fieldset.summary ol li { padding:0; margin:0 0 5px 0; }
.account.orderDetails fieldset.summary ol li label { float:left; clear:left; width:150px; margin-right:20px; font-weight:bold; }

.account.orderDetails textarea.comments { width:580px; margin-bottom:10px; }


.account.orderDetails fieldset #s_deliveryNotes
{
	float:left;
	clear:none;
	width:230px;
	margin-left:40px;
}

.account.orderDetails fieldset #s_deliveryNotes textarea
{
	width:230px;
}

#s_deliveryNotes textarea	{width:300px; height:100px}


/*= Order Items table ===================================================*/
table.orderList,
.account table.basketTable
{
	width:584px;
}

table.orderList th,
table.orderList td
{
	padding: 2px 5px;
	text-align:left;
	vertical-align:top;
	border-bottom: solid 1px #d6cbd6;
}

table.orderList th.num,
table.orderList td.num,
table.orderList th.sum,
table.orderList td.sum
{
	text-align:right;
}
table.orderList th.qty,
table.orderList td.qty
{
	text-align:center;
}

table.orderList tr.total th,
table.orderList tr.total td
{
	font-weight:bold;
	text-transform:uppercase;
}




.palePurple .addressDisplay {background-color:#ffffff;}


/*= Basket ===================================================*/
.basket
{
	font-size:114%;
}
.basket h2
{
	font-size:85%;
}
.basket h3
{
	font-weight:bold;
}
.basket .current h3,
.basket .completed h3
{
	font-size:69%;
	font-weight:normal;
	text-transform:lowercase;
	color:#763D6B;
	margin-bottom:5px;
}
.basket .current
{
	padding:0 7px 0 0;
	float:left;
	width:56px;
	border-right:solid 1px #D1D3D4;
	text-align:center;
	overflow:hidden;
	margin-bottom:7px;
	zoom:1;
}
.basket .current .case
{
	background-image:url(designImages/basket-grid.gif);
	background-repeat:no-repeat;
	width:47px;
	height:36px;
	margin:0 auto;
}

.basket .current .case .bottles
{
	background-image:url(designImages/basket-bottles.gif);
	background-repeat:no-repeat;
	width:47px;
	height:36px;
	text-indent:-3000px;
}

.basket .current .case .b0 { background-position: -132px; }
.basket .current .case .b1 { background-position: -121px; }
.basket .current .case .b2 { background-position: -110px; }
.basket .current .case .b3 { background-position: -99px; }
.basket .current .case .b4 { background-position: -88px; }
.basket .current .case .b5 { background-position: -77px; }
.basket .current .case .b6 { background-position: -66px; }
.basket .current .case .b7 { background-position: -55px; }
.basket .current .case .b8 { background-position: -44px; }
.basket .current .case .b9 { background-position: -33px; }
.basket .current .case .b10 { background-position: -22px; }
.basket .current .case .b11 { background-position: -11px; }
.basket .current .case .b12 { background-position: 0px; }

.basket .completed
{
	padding:0 0 0 6px;
	float:left;
	width:55px;
	text-align:center;
	overflow:hidden;
	margin-bottom:7px;
}
.basket .completed .qty
{
	font-size:189%;
	font-weight:bold;
	color:#763D6B;
	margin-top:8px;
}
.basket .total,
.basket .instructions
{
	clear:both;
	margin: 0 -8px;
}
.basket .total
{
	padding:4px 8px;
	font-weight:bold;
	overflow:hidden;
	zoom:1;
}
.basket .instructions
{
	font-size:77%;
	padding:4px 8px 0 8px;
	overflow:hidden;
	zoom:1;
}
.basket .total h3
{
	font-size:77%;
	float:left;
}
.basket .total p
{
	font-size:77%;
	float:right;
	margin:0;
}
.basket .instructions p
{
	color:#763D6B;
	margin-bottom:0.8em;
	text-align:center;
}

/*= Order Items =*/
.basket table
{
	border-collapse:collapse;
	width:100%;
	margin-bottom:7px;
}
.basket table td
{
	font-size:77%;
	color:#58595B;
}
.basket table td.item
{
	font-weight:bold;
	padding-top:7px;
}
.basket table td.qty
{
	text-align:right;
	width:70px;
}
.basket table td.price
{
	text-align:right;
}
.basket table tfoot td
{
	font-weight:bold;
	padding-top:7px;
}

.basket a.viewBasket
{
	font-size:77%;
	font-weight:bold;
	text-decoration:none;
}
.basket a.viewBasket:hover
{
	text-decoration:underline;
}

.basket a.glassLink 
{
	font-size:85%;
	
}


.basket a.glassLink span {background-image:url(designImages/doubleGlassyLinks_back.gif);}
.basket a.glassLink:hover span {background-image:url(designImages/doubleGlassyLinksHover_back.gif);}
.basket a.glassLink span span	{height:33px;padding-top:5px; line-height:1.2em; }