/* -------------------------------------------------------------- 

Action Duchenne Design - V1.0 - 28/12/08

-------------------------------------------------------------- */

@import 'form.css';


/* Table styles - Basket page
----------------------------------------------- */


table	{
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 24px 0;
	color: #000;
	width: 100%;
	font-size: 100%;
	}
	
thead th, thead td	{
	color: #000;
	padding: 6px;
	border: 1px solid #ccc;
	border-width: 1px 1px;
	background: #ccc; 
	}
	
tfoot th, tfoot td {
	padding: 6px;
	background: #fff;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	}

tfoot td {
	border: 1px solid #ccc;
	border-width: 1px 1px;
	}

th {
	font-weight: bold;
	line-height: normal;
	padding: 6x;
	text-align: left;
	}
tbody th, td {
	padding: 0.5em;
	text-align: left;
	vertical-align: middle;
	}
	
tbody th {
	font-weight: normal;
	white-space: nowrap;
	}
	
tbody th a:link, tbody th a:visited {
	font-weight: bold;
	}
	
tbody th+td {
	white-space: nowrap;
	}
	
tbody td, tbody th {
	background: #fff;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 0;
	}
	
tbody tr.odd th, tbody tr.odd td {
	border-color: #ccc;
	background: #f5f5f5;
	}

/*	not sure if you want a hover background colour on the table rows*/
tbody tr:hover td, tbody tr:hover th {
	background: #fefdef;
	}

/* highlight the links in the table cells on hover
tr:hover td, tr:hover td a, tr:hover th a {color: #D50000;}
*/

caption {
	/*
	font-weight: bold;
	text-align: left;
	color: #976F38;
	*/
	visibility: hidden;
	}


table input.short {
	width: 40px;
	margin: 0
	}
	
table tr td:first-child {border-left: 1px solid #ccc;}
table tfoot th:first-child {border-left: 1px solid #ccc;}

table input.checkbox {
	vertical-align: middle;
	cursor: pointer;
	margin: 1px 0 0 0;
	}


div#basket-action {
	margin-bottom: 24px;
	}

input#delivery-extra {
	width: auto;
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	}

div#basket-action label {
	margin: 0;
	background: #FFFFDC;
	padding: 5px;
	vertical-align: middle;
	float: left;
	}

div#basket-action label em {
	font-weight: normal;
	font-style: normal;
	}
	
div#basket-action .submit {
	float: right;
	margin-top: 3px;
	}

table th.price, table td.price {
	text-align: right;
	}
	
table input.submit {margin: 0;}


/* Shop page - products list - 3 row
----------------------------------------------- */

/*.shop-item {
	background: none;
	border: 1px solid #ccc;
	float: left;
	display: inline;
	margin: 0 0 2em 0;
	padding: 12px;
	color: #898989;*/
	/*height: 20em;*/
	/*}*/

.shop-item {
	background: none;
	border: 1px solid #ccc;
	float: left;
	display: inline;
	width: 187px;
	margin: 0 0 2em 0;
	padding: 12px;
	color: #898989;
	height: 20em;
}

*html .shop-item {
	overflow: hidden;
	height: 100%;
}



.middle {
	margin: 0 30px 2em 30px;
	}

.shop-image {
	margin: 0 0 6px 0;
	}

.shop-item h4 {
	font-size: 1em;
	margin: 0 0 6px 0;
	}

.shop-image img, #product-description dt img {
	border: 2px solid #ccc;
	padding: 3px;
	margin-bottom: 0;
	}

.shop-image img:hover {
	border: 2px solid #000;
	}

a.buynow img {
	border: none;
	padding: 0;
	margin: 6px 0 0 0;
	}


/* product page */

#product-description {
	
	}

#product-description dt {
	float: left;
	margin-right: 25px;
	}

#product-description dd {
	
	}

#product-variants {
	font-size: 11px;
	margin: 12px 0;
	padding: 3px;
	border: 1px solid #C8DDE1;
	}

#product-variants li {
	padding: 0.5em;
	list-style-type: none;
	list-style-position: outside;
	}

#product-variants .odd {
	background: #ECECEC;
	}

#product-variants li label {
	display: inline;
	vertical-align: middle;
	}

#product-variants li label span {
	font-size: 11px;
	color: #000;
	margin-right: 5px;
	}

#product-variants li label del, del {color: #962323;}

#basket-link {
	background: url(../graphics/cart_icon.gif) no-repeat 0 1px;
	padding-left: 24px;
	}
	
#product-description form fieldset input[type:submit] {
	border: 2px solid red;
	}
	

/* Shop feature list - best sellers in side
----------------------------------------------- */

ol#shop-feature {
	margin: 12px 0;
	list-style-type: none;
	position: relative;
	}

ol#shop-feature li {
	position: relative;
	margin-bottom: 6px;
	}

ol#shop-feature li a.shop-image {
	float: left;
	margin: 0 6px 0 0;
	}
	
ol#shop-feature li span.product-info {float: left;}
ol#shop-feature li span.product-info a {display: block;}