
/****************************
**Shop
*/

#shop {
	margin: 0 20px;
	width: 670px;
}

#shop .clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

#shop .checkList, #shop .tecList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#shop .checkList li {
	background: url(../shop/point-of-care/images/check.jpg) no-repeat 0px 5px;
	color: #666;
	padding: 5px 0 5px 25px;
}

#shop .tecList li {
	background: url(../shop/point-of-care/images/bullet.jpg) no-repeat 0px 10px;
	color: #666;
	padding: 5px 0 0 10px;
}

#shop .qty  {
	border: 1px solid #ccc;
	width: 40px;
	padding: 4px 0;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

#shop p {
	color: #666;
	padding: 5px 0;
	margin: 0;
}

#shop h2 {
	color: #292d6d;
	border: none;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	margin: 0;
}

#shop h4 {
	background: #fff;
	color: #292d6d;
	border: none;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
}

#shop h5 {
	background: #fff;
	color: #292d6d;
	border: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	border-bottom: 1px solid #ccc;
	margin: 15px 0 5px 0;
}

#shop h5 span {
	background: #ccc;
	padding: 2px 5px;
	width: 150px;
	display: block;
}


#cartbox {
	height: 43px;
	padding: 2px 0 0 0;
	display: block;
	position: absolute;
	top: 487px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff url(../shop/point-of-care/images/cart.jpg) no-repeat 135px 26px;
	border: 1px solid #e8e8e8;
	right: 280px;
	width: 160px;
	z-index: 100;
}

#cartbox p {
	padding: 2px 20px 2px 10px;
	font-size: 12px;
}

#cartbox span {
	color: #c14d00;
}

#shop #categories {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 670px;
}

#shop #categories li {
	background: #fff url(../shop/point-of-care/images/slice.jpg) repeat-x 0% 100%;
	float: left;
	border: 1px solid #ccc;
	display: block;
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0;
	height: 170px;
	width: 200px;
	text-align: center;
}

#shop #categories a img {
	padding: 5px 0 0 0;
}

#shop #categories a {
	text-decoration: none;
}

#shop #categories span {
	background: url(../shop/point-of-care/images/arrow.jpg) no-repeat 10px 50%;
	display: block;
	height: 26px;
	line-height: 26px;
	_height: 30px;
	_line-height: 30px;
	text-align: left;
	font-size: 12px;
	padding: 0 20px;
	font-weight: bold;
	color: #333;
}

#shop #productsTable {
	border-collapse: collapse;
	margin: 0 0 20px 0;
	padding: 0;
	width: 670px;
}

#shop #productsTable td {
	border-bottom: 1px solid #dbdbdb;
	padding: 5px;
}

#shop #productsTable h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0 0 0;
	height: 16px;
	line-height: 16px;
	margin: 0;
	background: none;
}

#shop #productsTable p {
	padding: 5px 0;
	margin: 0;
}

#shop #productsTable span {
	color: #f46212;
	font-size: 16px;
	font-weight: bold;
}

#shop #actionsTable {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#shop #actionsTable td {
	margin: 0;
	padding: 5px;
	border: none;
}

/* LIST */
#shop #list {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 670px;
}

#shop #list li {
	float: left;
}

#shop #list li a {
	float: left;
	border: 3px solid #ccc;
	display: block;
	display: inline;
	margin: 0 10px 10px 0;
	padding: 0;
	height: 75px;
	width: 75px;
	text-align: center;
}

#shop #list a:hover {
	border: 3px solid #292d6d;
}

#shop div.related a.imgR {
	border: 3px solid #ccc;
	display: block;
	height: 75px;
	width: 75px;
	text-align: center;
	margin-bottom:3px;
}

#shop div.related a.imgR:hover {
	border: 3px solid #292d6d;
}

/* CATEGORY TABLE */
#shop #categoryTable {
	border-collapse: collapse;
	font-size: 12px;
	margin: 0;
	padding: 0;
	width: 470px;
}

#shop #categoryTable td {
	padding: 5px 10px;
}

#shop #categoryTable h2 {
	font-size: 16px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding: 10px 0;
	margin: 0;
}

/* PRODUCT TABLE */
#shop #productTable {
	border-collapse: collapse;
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0;
	width: 670px;
}

#shop #productTable td {
	padding: 5px;
}

/* RADIO TABLE */
#shop #radioTable {
	border-collapse: collapse;
	color: #666;
	margin: 0 0 5px 0;
	padding: 0;
}

#shop #radioTable td {
	margin: 0;
	padding: 5px 5px 0 5px;
}

/* PRICE TABLE */
#shop #priceTable {
	border-collapse: collapse;
	width: 450px;
}

#shop #priceTable td {
	padding: 5px;
}

#shop #priceTable span.price {
	color: #f46212;
	font-size: 16px;
	font-weight: bold;
}
span.price {
	color: #f46212;
	font-size: 16px;
	font-weight: bold;
}
#shop #priceTable small {
	color: #333;
	font-size: 11px;
	font-weight: normal;
}

/* CART TABLE */
#shop #cartTable {
	border-collapse: collapse;
	margin: 10px 0 20px 0;
	width: 670px;
}

#shop #cartTable th {
	color: #999;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

#shop #cartTable select {
	width: 250px;
}

#shop #cartTable td {
	border: 1px solid #ccc;
	padding: 10px;
}

#shop #cartTable td.price {
	background: #e9eaf0;
	color: #f46212;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

#shop #cartTable span {
	color: #f46212;
	font-size: 16px;
	font-weight: bold;
}

#shop #cartTable td.remove {
	text-align: center;
	width: 30px;
}

#shop #cartTable td.image {
	border-right: none;
	width: 100px;
	padding-right:0px;
}

#shop #cartTable td.product {
	border-left: none;
}


#shop #cartTable td.extra, #shop #cartTable td.extra-border {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	border: none;
}

#shop #cartTable td.extra-border {
	border: 1px solid #ccc;
}

#shop #cartTable td.quantity {
	
	width: 120px;	
	
}

#shop #cartTable td.quantity, #shop #cartTable small {
	font-size: 11px;
	cursor:pointer;
}

#shop #cartTable small {
	font-weight: bold;
	color: #333;
}

#shop #cartTable td.quantity p {
	border: none;
	padding: 3px 0;
}

#shop #cartTable th.quantity {
	width: 140px;
}

#shop #cartTable h3 {
	background: none;
	font-size: 16px;
	line-height: 18px;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

#shop #cartTable p {
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 5px 0;
}

#shop #cartTable p.code {
	color: #333;
}

#shop #cartTable tr.buttons td {
	border: none;
}

#shop .clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
#shop a.button {
	background: transparent url('../shop/point-of-care/images/buttonRight.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: bold 12px arial, sans-serif;
	height: 29px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
}
#shop a.button span {
	background: transparent url('../shop/point-of-care/images/buttonLeft.png') no-repeat;
	display: inline-block;
	
	padding: 6px 0 7px 18px;
}
#shop a.buttonCheckout {
	background: transparent url('../shop/point-of-care/images/buttonRight.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: bold 12px arial, sans-serif;
	height: 29px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
}
#shop a.buttonCheckout span {
	background: transparent url('../shop/point-of-care/images/buttonLeftCheckout.png') no-repeat;
	display: inline-block;
	
	padding: 6px 0 7px 28px;
}
#shop a.buttonBig {
	background: transparent url('../shop/point-of-care/images/buttonBigRight.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: bold 14px arial, sans-serif;
	height: 39px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
}
#shop a.buttonBig span {
	background: transparent url('../shop/point-of-care/images/buttonBigLeft.png') no-repeat;
	display: inline-block;
	
	padding: 10px 0 16px 16px;
}
#shop a.buttonBigCheckout {
	background: transparent url('../shop/point-of-care/images/buttonBigRight.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: bold 14px arial, sans-serif;
	height: 39px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
}
#shop a.buttonBigCheckout span {
	background: transparent url('../shop/point-of-care/images/buttonBigLeftCheckout.png') no-repeat;
	display: inline-block;
	
	padding: 10px 0 16px 35px;
}
#shop .buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
#shop .buttons input {
	padding: 0px;
	margin: 0px;
}
#shop .buttons table {
	width: 100%;
	border-collapse: collapse;
}
#shop .buttons table td {
	vertical-align: middle;
}
#shop .success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#shop .warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#shop .wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#shop .required {
	color: #FF0000;
	font-weight: bold;
}
#shop .error {
	color: #FF0000;
	display: block;
}
#shop .help {
	cursor: pointer;
}
#shop .tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
#shop .pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
#shop .pagination .links, .pagination .results {
	padding: 7px;
}
#shop .pagination .links {
	float: left;
}
#shop .pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
#shop .pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
#shop .pagination .results {
	float: right;
}


