/* Online Store CSS */

#template-store #content .padding, #template-store-form #content .padding{padding-left:15px;}
#template-store-form #content{width:607px;}

#subnav h2{background:#505050;color:#FFF;font-size:0.94em;padding:4px 10px;}
#subnav h2 a{background:transparent;color:#FFF;font-size:1em;padding:0;}
#subnav h2 a:hover{color:#FFF;}

#store-intro{background:url(../images/store-intro-bg.gif) bottom left repeat-x;min-height:207px;margin:0 0 10px 0;}
#store-intro h1{margin:0;}
#store-intro p.strapline{width:100%;display:block;margin:0;padding:0;font-weight:bold;}
#store-intro-text{position:relative;background:url(../images/store-intro-bg2.gif) top left repeat-x;margin:-20px 0 0 0;padding:0 0 0 10px}
#store-intro-text img{display:block;float:right;width:215px;}
#store-intro-text p{float:left;width:150px;margin:10px 0 0 0;padding:25px 0 10px 0;font-size:1.15em;}

#login{padding:10px 0 0 0;}
#login p{color:#656565;float:right;padding:2px 0 0 0;margin:0;}

#login ul{margin:0;padding:0;list-style-type:none;float:right;width:auto;}
#login li{display:block;float:left;background:url(../images/tab-bg-1.gif) top left no-repeat;margin:0 0 0 10px;}
#login li a{display:block;float:left;width:auto;background:url(../images/tab-bg-2.gif) top right no-repeat;color:#FFF;padding:4px 13px 2px 15px;text-decoration:none;font-weight:bold;}

#history{margin:0;padding:0 0 10px 0;}
#history li{list-style-type:none;margin:0;padding:0;}
#history a{display:block;float:right;background:url(../images/arrow-history.gif) top left no-repeat;font-size:0.94em;color:#656565;text-decoration:none;font-weight:bold;padding:0 0 0 8px;}
#history a:hover{color:#000;}


#basket .padding{margin-top:5px;}
#basket h2{margin:0;}
#basket ul{padding:0;background:url(../images/basket-bg.gif) top left repeat-y;}
#basket li{list-style-type:none;list-style-image:none !important;padding:0;margin:0 !important;text-align:center;float:left;width:58%;}
#basket li.items{width:40%}
#basket li strong{font-size:0.94em;}

#basket-buttons{padding:0 0 10px 0;}
#basket-buttons ul{ margin: 0; padding: 0 !important; list-style: none;}
#basket-buttons li{list-style-type:none;display:inline;}
#basket-buttons li a{display:block;float:right;width:auto;font-weight: bold; font-size: 0.94em !important; color: #666; text-decoration: none;  padding: 3px 26px 0 0; min-height: 22px;margin:0 0 0 10px;}
#basket-buttons a:hover{color:#000;}

.icon-basket a{background: url(../images/icon-basket.gif) top right no-repeat;}
.icon-checkout a{background: url(../images/icon-checkout.gif) top right no-repeat;}

#content #basket-buttons a{font-size:1em !important;}
#content .icon-basket a{float:left !important;margin:0 !important;}

.thanks{border-top:1px solid #999;padding:10px 0 0 0 !important;}
.thanks .icon-basket a{float:right !important;}


#whats-new h2{font-size:1.1em;border-bottom:1px solid #FFF;background:#FBD9E8 url(../images/highlights-header-corner.gif) top right no-repeat;padding:2px 10px 2px 10px;}
#template-store .contentbox img{margin:1px 0 1px 1px !important;}
#template-store .contentbox .text{float:left;width:280px;margin:0 !important;padding:0;}
#template-store .contentbox .text h3{margin:0;padding:8px 0 3px 0;}
#template-store .contentbox .text h3 a{display:block;background: url(../images/bullet-landing.gif) top left no-repeat;padding:1px 0 0 24px;margin:0;}
#template-store .contentbox .text p{padding:0 0 0 25px;font-size:0.94em;margin:0;}

#template-store .contentbox .text .price{font-size:1em;padding:5px 0 5px 25px;font-weight:bold;}

.store-item {padding-bottom: 20px;}
.store-item h3 {font-size:1em; padding-top:0;margin:0;}
.store-item h3 a {text-decoration:none; background: url(../images/bullet-image.gif) left center no-repeat; display:block;  padding: 4px 0 4px 25px;}
.store-item .image {float:left; width:67px;border:1px solid #9A9795;}
.store-item .text {float:left; width:313px;padding:5px 0 10px 0;background:url(../images/store-item-bg.gif) bottom left no-repeat;}
.store-item .text p {padding-left: 25px;margin:0;}
.store-item .price{font-size:1em;padding:5px 0;font-weight:bold;}

ul.options{margin:0;padding:0 0 0 25px;list-style-type:none;}
ul.options li{display:block;float:left;width:47%;text-transform:lowercase; margin:0;}
ul.options li a{display:block; text-decoration:none;font-size:0.94em;padding:0 0 3px 23px;}
ul.options li.download a{color:#E50365;background:url(../images/icon-download.gif) top left no-repeat;}
ul.options li.download a:hover{color:#000;}
ul.options li.tape a{color:#000000;background:url(../images/icon-tape.gif) top left no-repeat;}
ul.options li.tape a:hover{color:#999;}
ul.options li.request a{color:#E50365;background:url(../images/icon-tape-alt.gif) top left no-repeat;}
ul.options li.request a:hover{color:#000;}


#item-intro{margin:0 0 20px 0;}
#item-intro .image{float:left;width:123px;border:1px solid #9A9795;}
#item-intro .text{float:right;width:250px;}
#item-intro p{line-height:1.4em;}
#item-intro p a{color:#E50365;}
#item-intro ul.options{padding:0;}
#item-intro ul.options li{float:none;width:100%;}
#item-intro label {font-weight:bold;}
#item-intro label, #item-intro input.text, #item-intro input.basket {float:left; display:block; margin-right:5px;}
#item-intro label, #item-intro input.basket {margin-top:2px;}

table.quantity{border:0px;}
table.quantity th{background:#F0F0F0;font-size:1em;padding:4px 8px;}
table.quantity td{border:0px;padding:5px 8px;background:url(../images/bg-dotted.gif) bottom left repeat-x;}
table.quantity td a:hover{color:#000;}
th.price, th.quantity, th.discount, td.price, td.quantity, td.discount{text-align:center;}
td.price, td.discount, th.price, th.discount{text-align:right;}
td.quantity{text-align:center !important;}
td.quantity input.text{float:none;display:block;margin:0 auto;}

/* basket {AT20070619) */
input.basket {border:0; color:#E50365;font-size:0.94em;background:url(../images/icon-basket-alt.gif) center left no-repeat;padding:1px 0 1px 20px; margin:0 0 5px 0;text-decoration:none;text-transform:lowercase; cursor:pointer; text-transform:lowercase;}
	input.basket:hover {color:#000;}
a.download {display:block; font-size:0.94em; color:#E50365; background:url(../images/icon-download.gif) center left no-repeat; padding:1px 0 2px 23px; margin:0 0 5px 0; text-transform:lowercase; text-decoration:none;}
a.out-stock{display:block; font-size:0.94em; color:#000; background:url(../images/icon-out-of-stock.gif) center left no-repeat; padding:1px 0 2px 23px; margin:0 0 5px 0; text-transform:lowercase; text-decoration:none;}
a.out-stock-alt{display:block; font-size:0.94em; color:#000;padding:3px 0 2px 23px; margin:0 0 5px 0; text-transform:lowercase; text-decoration:none;}

/* end */

ul.updates{margin:0;padding:0;list-style-type:none;}
ul.updates li{margin:0;padding:0;}
ul.updates li a{display:block;padding:0 0 0 8px;background:url(../images/arrow-store.gif) top left no-repeat;color:#676767;font-weight:bold;text-transform:capitalize;font-size:1em;}

.table-top p{margin:0 0 3px 0;}

.total{border-bottom:1px solid #999;padding:0 0 10px 0;margin:0 0 10px 0;}
.total p{font-size:1.3em;font-weight:bold;text-align:right;margin:0;padding:0;}
.total p small{font-size:0.81em;}
p.total{border:0px;font-size:1.3em;font-weight:bold;padding:0;}



.sub-total{padding:0 10px 10px 0;margin:0;}
.button{float:left;width:auto;}
.button a{display:block;float:left;width:auto;background:#E50067 url(../images/submit-corner-alt.gif) bottom left no-repeat;padding:3px 15px;color:#FFF;text-transform:uppercase;font-size:0.94em;}
.sub-total p{display:block;float:right;width:60%;text-align:right;font-size:1.3em;font-weight:bold;text-align:right;margin:0;padding:0;}
.sub-total p small{font-size:0.81em;font-weight:normal;}

.box-flat-alt{ background: #F0F0F0 url(../images/corner-small.gif) no-repeat bottom right; margin-bottom: 5px;border-left:2px solid #E50067;}
.box-flat-alt p{ margin: 0 !important;  }
.box-flat-alt p a{display:block;color:#676767;font-size:0.94em;text-decoration:none;padding:7px 10px;font-weight:bold;}
.box-flat-alt p a span.price{font-size:1.2em;color:#BB004B;}



#template-store fieldset h2, #template-store-form fieldset h2{padding-left:8px;}
#template-store fieldset p,#template-store-form fieldset p{padding-left:3px;}
#template-store fieldset.donate, #template-store-form fieldset.donate{background:url(../images/bg-dotted.gif) bottom left repeat-x;padding-bottom:20px;margin-bottom:10px;}
#template-store div.checkbox, #template-store-form div.checkbox{margin:0 0 5px 0;}
#template-store input.checkbox, #template-store-form input.checkbox{margin-right:5px;}
#template-store input.text, #template-store select, #template-store-form input.text, #template-store-form select{width:auto !important;}
#template-store fieldset .image, #template-store-form fieldset .image{float:left;width:auto;padding:0 20px 0 0;}
#template-store fieldset .text, #template-store-form fieldset .text{float:left;width:390px;}

#template-store .label, #template-store-form .label{width:210px !important}
#template-store .element, #template-store-form .element{width:250px !important;margin:0 0 5px 0;}
#template-store .wide, #template-store-form .wide{width:350px !important;}

#template-store .wide input, #template-store-form .wide input{display:block;float:left;width:22px;}
#template-store .wide label, #template-store-form .wide label{display:block;float:left;width:320px;padding:2px 0 0 0;}

.buttons .element{float:right;}


fieldset.donate .field{margin:10px 0 0 0;padding:0;}
fieldset.donate .field .label{float:left;width:auto;padding:3px 0 0 0;}
fieldset.donate .field .element{float:left;width:auto;}

input.next{width:170px;}

fieldset.discount{float:right;width:230px;padding:5px 0 0 0;}
fieldset.discount label{display:block;padding:0 0 3px 0;}
fieldset.discount input.text{width:168px !important;margin:0 5px 0 0;}

#payment-logos{text-align:right;padding:10px 0 0 0;}
#payment-logos img{margin:0 0 10px 5px;}

.addresses{padding:0 0 5px 0;}
.addresses .col1, .addresses .col2{float:left;width:291px;padding:0;}
fieldset h2{padding-left:5px !important;}
.addresses .col1 p, .addresses .col2 p{margin:0;}


.help-button{width:80px;}

/* kirsty changes 10/07/07 */

.cb						{clear:both;}
.listheader td			{background:#F0F0F0; font-weight:bold;}
input.basketEdit		{background:url(/images/arrow-store.gif) no-repeat top left; padding-left:5px; text-decoration:underline; border:0; cursor:pointer; color:#676767; font-weight:bold;}
input.basketEdit:hover	{color:#000;}
input.buttonEnter		{background:url(/images/btn.gif) no-repeat; border:0; color:#fff; font-weight:bold; cursor:pointer; width:47px; height:22px; padding-bottom:3px;}
form div.column div div.address {border:0; border-right:1px solid #ccc; height:12em;}
form div.address input	{margin:0;}
form div.address label	{display:inline; padding-left:5px;}
.address-default		{margin-top:15px;}
.address-edit-del		{clear:both;}
.address-edit-del input	{border:0; cursor:pointer; background:#fff; text-decoration:underline; padding:0;}
.address-buttons		{clear:both;}
.address-buttons input	{border:0; cursor:pointer; background:#E50067 url(/images/corner-SE.gif) no-repeat bottom right; color:#fff; font-weight:bold;}
.divThanks-left			{float:left; width:25%; font-weight:bold; padding:3px;}
.divThanks-right		{float:left; width:65%; padding:3px;}
.contact-details		{clear:both; font-size:1em;}
.contact-details h2		{background:#F0F0F0; color:#000; font-size:98%; padding:4px 10px; border-top:20px solid #fff;}
.contact-details .padding{padding:0 0 0 8px !important;}

/*------------------------------------------------------------------------------------------------------------------*/
/* =ADDED BY rupert@breheny.com TO SUPPORT NEW DELIVERY ADDRESS OPTIONS */
/*------------------------------------------------------------------------------------------------------------------*/

input.next,
input.previous {
	cursor: pointer;
	cursor: hand;
}

div.newaddress {
	border-bottom: 1px solid #CCC;
	padding-bottom: 0;
	margin-bottom: 15px;
}

div.newaddress p {float: left;}

div.newaddress input {
	width: 160px;
	background-image: url(../images/corner-SE.gif);
	float: right;
	margin-right: 19px;
	margin-bottom: 10px;
}

form div.column {
	overflow: auto;
	width: 100%;
}

form div.column div {
	width: 180px;
	margin-right: 10px;
	float: left;
	margin-bottom: 15px;
}

form div.column div p {
	float: right;
	padding:0;
	margin: 5px 3px 0 0;
}


form div.column div p input{background:#E50067;color:#FFF;border:0px;font-weight:bold;}

form div.column div div.address {
	width: 152px;
	margin: 0;
	border: 1px solid #CCC;
	padding: 10px 13px 20px 13px;
}

form div.address input {margin: 0 0 10px 42%;}

form div.address label {
	display: block;
	outline: 0;
	cursor: pointer;
	cursor: hand;
}

form div.address label strong {display: block;}


/* TED - 16/07/07 */
.element p {padding:1px 0 0 0;margin:0;}
.field input.submit{display:block;float:left;width:115px !important;background:#E50067 url(../images/submit-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 5px;text-align:center;cursor:hand;}
