/**
 *	Guide Dogs
 *  Shop Screen Styles
 *
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		30/09/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *
 */

/** layout
------------------------------------------------------------------ */
div#product {
	overflow:				hidden;
	padding-bottom:			1.5em;
	width:					100%;
}
div#product-description {
	margin-left:			275px;
}
/** typography
------------------------------------------------------------------ */
div#product-description h4 {
	background:				url(../images/icons/icon-arrow-bar-22235e.gif) 0 2px no-repeat;
	margin-bottom:			1em;
	padding-left:			30px;
	font-weight:			bold;
}
/** lists/typography/links
------------------------------------------------------------------ */
ol#product-list {

}

ol#product-list li.product {
	float:					left;
	height:					275px;
	margin-right:			30px;
	width:					169px;
}
ol#product-list li.product a.image,
ol#product-list li.product a.image:link {
	display:				block;
	height:					130px;
	margin-bottom:			1em;
	width:					169px;
}
ol#product-list li.product a.image img,
ol#product-list li.product a.image:link img {
	border:					1px solid #d7d7d7;
}
ol#product-list li.product a.image:hover img {
	border:					1px solid #ed9742;
}
ol#product-list li.product h4 {
	background:				url(../images/icons/icon-down-arrow-bar-22235e.gif) 0 3px no-repeat;
	font-weight:			bold;
	margin-bottom:			1em;
	padding-left:			34px;
}
ol#product-list li.product h4 a,
ol#product-list li.product h4 a:link {
	color:					#2a2a68;
	text-decoration:		none;
}
ol#product-list li.product h4 a:hover {
	color:					#ed9742;
	text-decoration:		underline;
}
ol#product-list li.product table {
	float:					left;
	width:					100px;
}
ol#product-list li.product table tr th {
	display:				none;
}
ol#product-list li.product table tr td.price {
	font-weight:			bold;
}
ol#product-list li.product ul {
	float:					left;
	width:					69px;
}
ol#product-list li.product ul li {
	background:				url(../images/icons/icon-bar-ed963f.gif) 0 4px no-repeat;
	padding-left:			11px;
}
ol#product-list li.product ul li a,
ol#product-list li.product ul li a:link {
	color:					#2a2a68;
	text-decoration:		none;
}
ol#product-list li.product ul li a:hover {
	color:					#ed9742;
	text-decoration:		underline;
}

div#product-description ul {
	padding-left:			30px;
}

div#product-description ul li {
	background:				url(../images/icons/icon-paw-ef8219.gif) 0 3px no-repeat;
	padding-left:			24px;
}

#product-code {
	color: #020456;
	font-weight: bold;
	font-size: 11px;
	margin-top: 20px;
}

#product-price {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

#product-price #price {
	width: 80px;
	background: transparent url(/images/shop/pipe_break.gif) 0px 2px no-repeat;
	color: #020456;
	float: right;
	padding-left: 14px;
}

#quantity {
	font-size: 11px;
	font-weight: bold;
}

#btn-addtocart {
	width: 80px;
	background: transparent url(/images/shop/pipe_break.gif) 0px 6px no-repeat;
	float: right;
	padding-left: 14px;
	padding-top: 2px;
}

#qty-change {
	width: 61px;
	height: 24px;
	background: transparent url(/images/shop/qty_change.gif) 0px 0px no-repeat;
	display: block;
	float: right;
	margin-right: 80px;
}

#product_qty {
	width: 28px;
	height: 13px;
	border: 1px solid #cccccc;
	padding: 5px;
	color: #020456;
}

#qty-change #qtyDecrease {
	width: 30px;
	height: 24px;
	display: block;
	float: left;
	text-indent: -9999px;
}

#qty-change #qtyIncrease {
	width: 31px;
	height: 24px;
	display: block;
	float: left;
	text-indent: -9999px;
}


/** product listing
------------------------------------------------------------------ */

.product-listing-item {
	width: 170px;
	height: 240px;
	float: left;
	padding: 10px 16px 10px 16px;
}

.product-listing-item .product-listing-image {
	width: 157px;
	height: 118px;
	text-align: center;
	border: 1px solid #d7d7d7;
	padding: 5px;
	background:	url(/images/shop/no-product-image.gif) 0 2px no-repeat;
}

.product-listing-item .product-listing-name {
	margin: 10px 0px 16px 0px;
}

.product-listing-item .product-listing-name a {
	height: 32px;
	background:	url(../images/shop/icon-arrow-bar-down-22235e.gif) 0 2px no-repeat;
	padding-left: 30px;
	font-weight: bold;
	display: block;
	font-size: 12px;
}


.product-listing-item .product-listing-price {
	padding-top: 5px;
}

.product-listing-item .product-price {
	font-weight: bold;
	font-size: 13px;
}

.product-listing-item .product-addtocart {
	width: 80px;
	background: transparent url(/images/shop/pipe_break.gif) 0px 3px no-repeat;
	float: right;
	padding-left: 14px;
	font-size: 11px;
}

.product-listing-item .product-listing-code {
}

.product-listing-item .product-code {
	font-size: 11px;
}

.product-listing-item .product-more-info {
	width: 80px;
	background: transparent url(/images/shop/pipe_break.gif) 0px 3px no-repeat;
	float: right;
	padding-left: 14px;
	font-size: 11px;
}



/** sidebar cart
------------------------------------------------------------------ */
#content-side-cart {
	margin-top: 20px;
	background:					url(../images/shop/cart-bg.gif) no-repeat;
}

#content-side-cart #cart-items {
	height: 24px;
	color: #ef9844;
	padding: 46px 0px 10px 20px;
	font-weight: bold;
}

div#content-side-cart ul {
	margin-bottom:				50px;
	padding-top:				0.5em;
}

div#content-side-cart ul li {
	padding:					0px 0px 0px 0px;
}

div#content-side-cart ul li a,
div#content-side-cart ul li a:link {
	background:					url(../images/icons/icon-arrow-22235e.png) 20px 1px no-repeat;
	color:						#2a2a68;
	padding-left:				36px;
	text-decoration:			none;
}

div#content-side-cart ul li a:hover {
	color:						#ed9742;
}



/** sidebar auth
------------------------------------------------------------------ */
#content-side-auth {
	margin-top: 20px;
	background: url(../images/shop/auth-bg.gif) no-repeat;
	padding-top: 50px;
	position: relative;
}

#content-side-auth #cart-items {
	height: 24px;
	color: #ef9844;
	padding: 46px 0px 10px 20px;
	font-weight: bold;
}

#content-side-auth #recover-password {
	margin-left: 94px;
}

#content-side-auth #recover-password a {
	text-decoration: none;
	color: #f09237;
}

#content-side-auth #recover-password a:hover {
	text-decoration: underline;
}

#content-side-auth #auth-username .auth-label,
#content-side-auth #auth-password .auth-label {
	width: 80px;
	padding-left: 14px;
	position: relative;
	float: left;
}

#content-side-auth #auth-username .auth-field,
#content-side-auth #auth-password .auth-field {
	padding-bottom: 5px;
}

#content-side-auth #auth-username .auth-field input,
#content-side-auth #auth-password .auth-field input {
	width: 130px;
	border: 1px solid #c0c5c6;
	padding: 3px;
}

#content-side-auth #auth-buttons {
	padding-left: 94px;
}

#content-side-auth #auth-loggedin {
	padding-left: 14px;
}

#content-side-auth #auth-buttons a {
	width: 70px;
	background: transparent url(/images/shop/pipe_break.gif) 0px 3px no-repeat;
	float: left;
	padding-left: 14px;
	color: #46467c;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
}

#content-side-auth #auth-buttons a.first {
	width: 50px;
}

#content-side-auth #auth-buttons.logout a.first {
	margin-left: 70px;
}




/** Inbuilt XCart stuff
------------------------------------------------------------------ */

table.DialogBox, table.SubHeaderGrey, table.SubHeader {
	width: 100%;
}

td.DialogTitle, tr.TableHead td, td.SubHeaderGrey {
	font-weight: bold;
	border-bottom: 1px solid #d8d8d8;
}

td.RegSectionTitle, font.RegSectionTitle {
	font-weight: bold;
}

.inner.shop_inner input, .inner.shop_inner select {
	border: 1px solid #c0c5c6;
	padding: 3px;
}

.inner.shop_inner table.ButtonTable input {
	padding: 0px;
	border: 0px;
}

td.SubHeader {
	border-bottom: 1px solid #c0c5c6;
	font-weight: bold;
	color: #ed9238;
}

tr.headers td {
	border-bottom: 1px solid #c0c5c6;
	font-weight: bold;
}

div#content-main a.remove-link {
	color: #ed9742;
	font-weight: bold;
}

div#content-main a.remove-link:hover {
	text-decoration: underline;
}

tr.top-line td {
	border-top: 1px solid #c0c5c6;
}




/** buttons
------------------------------------------------------------------ */

td.Button {
	height: 20px;
	background: url('/catalogue/skin1/images/butbg.gif') top left repeat-x;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	padding-top: 3px;
	cursor: pointer;
}



/** images
------------------------------------------------------------------ */
div#content-main img {
	background-color:			transparent;
	float:						none;
	display:					inline;
	border:						0;
	margin:						0;
	padding:					0;
}

div#product img {
	border:					1px solid #d7d7d7;
	float:					left;
}
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
#donate_price {
	padding: 0px;
}

.Star {
	/* This is used on asterisks as well as error messages */
	color: #C00;
}