/* ++ Styles for category lists, product detail, and checkout pages ++ */

/* category list elements */
div.prodRow {
	margin: 10px 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	width: 735px;
}

div.prodItem {
	float: left;
	padding: 0 10px 0 0;
	text-align: left;
	width: 235px;
}

div.prodItem div.arrowImg {
	background: #dbdbdb url(../img/common/bg_arrowImg.gif) bottom right no-repeat;
	border: 1px solid #b2b2b2;
}

div.prodItem div.arrowImg a img {
	display: block;
}

div.prodItem a {
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

/* product detail page elements */
#productDetail {
	overflow: hidden;
	padding: 0 10px;
	width: 725px;
}

/* product gallery and thumbnails */
#productGallery {
	float: left;
	text-align: left;
	width: 356px;
}

a.viewLarge {
	font-size: 85%;
	font-weight: bold;
	padding: 0 0 0 15px;
	text-transform: uppercase;
}

a.viewLarge:link, a.viewLarge:visited { background: transparent url(../img/common/icon_viewLarge.gif) center left no-repeat; }
a.viewLarge:hover, a.viewLarge:active { background: transparent url(../img/common/icon_viewLarge_ro.gif) center left no-repeat; }

ul#galleryThumbs {
	display: block;
	list-style-type: none;
}

ul#galleryThumbs li {
	display: inline;
}

ul#galleryThumbs a {
	float: left;
	height: 78px;
	margin: 0 9px 10px 0;
	width: 78px;
	padding: 1px;
}

ul#galleryThumbs a:link, ul#galleryThumbs a:visited { background-color: #b2b2b2; }
ul#galleryThumbs a:hover, ul#galleryThumbs a:active { background-color: #5ab631; }

/* product details description, lists, and tables */
#productInfo {
	float: right;
	text-align: left;
	width: 359px;
}

#productInfo h4 {
	padding: 0 0 10px 10px;
}

#productInfo h6 {
	padding: 10px 0;
}

#productInfo ul {
	font-size: 85%;
	list-style-type: none;
	padding: 0 0 20px 12px;
}

#productInfo ul li {
	background: transparent url(../img/common/bullet.gif) center left no-repeat;
	padding: 0 0 0 12px;
}

#productInfo select
{
	margin: 0 0 10px 0;
	float: left;
}

#productInfo table select
{
	margin: 0px;
	float: none;
}

#productInfo label
{
	clear: both;
	display: block;
	float: left;
	padding: 2px 0 10px 0;
	width: 60px;
}

#productInfo h4.salePrice 
{
	padding: 5px 0px 10px 10px;
}

p.descoffer{
	display: block;
	color: #F15A21;
	BACKGROUND: url(../img/common/bg_table_voucher.gif) left top;
	padding: 5px 10px;
	margin: 10px 0;
	border: 1px solid #b2b2b2;
	font-weight:bold;
}

p.descoffer strong
{
	color: #000000;
}


/* generic table style */
table.dataTbl {
	border: 1px solid #b2b2b2;
	border-top: none;
	border-bottom: none;
	margin: 10px 0 10px 10px;
}

#productInfo table.dataTbl {
	margin: 10px 0 10px 0;
}

table.dataTbl th {
	background: #3a9221 url(../img/common/bg_table_th.gif) top left repeat-x;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 9px;
	text-align: left;
	text-transform: uppercase;
}

table.dataTbl th.rightalign
{
	text-align:right;
}

table.dataTbl tr.altRow, table.summaryTbl tr.altRow { background: transparent url(../img/common/bg_table_altRow.gif) top left repeat; }
table.dataTbl tr.cartVoucher { background: transparent url(../img/common/bg_table_voucher.gif) top left repeat; }
table.dataTbl tr.subTotal { background: #ededed url(../img/common/bg_table_subtotal.gif) top left repeat; }

table.dataTbl tr.messageSuccess { 
	color: #5ab631;
	background-color:#ffffcc;
}
	
table.dataTbl tr.cartVoucher span
{
	color: #f15a21;	
	font-weight: bold;
}	

table.dataTbl tr.cartVoucher strong
{
	color: #000000;	
}	
	
table.dataTbl tr.messageError {
	background-color: #ffcccc;
	color: #cc0033;
}
table.dataTbl tr.messageSuccess td, table.dataTbl tr.messageError td {
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

table.dataTbl td {
	border-bottom: 1px solid #b2b2b2;
	padding: 10px 9px;
}

table.dataTbl tr.subTotal td {
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

table.dataTbl td strong {
	color: #f15a21;
	font-weight: bold;
	text-align: right;
}

table.dataTbl td.rightalign
{
	text-align:right;
}

table.dataTbl td span { font-size: 75%; }
table.dataTbl td span.prevPrice { text-decoration: line-through; }

/* summary table for checkout */
table.summaryTbl {
	border: none;
	border-top: 1px solid #b2b2b2;
	margin: 10px;
	width: 175px;
}

table.summaryTbl tr {
	background-color: transparent;
}

table.summaryTbl th {
	border-bottom: 1px solid #b2b2b2;
	font-size: 85%;
	font-weight: bold;
	padding: 10px 3px 10px 0;
	text-align: right;
	text-transform: uppercase;
}

table.summaryTbl td {
	border-bottom: 1px solid #b2b2b2;
	font-size: 85%;
	padding: 10px 0 10px 3px;
	text-align: left;
}

table.summaryTbl td em {
	color: #f15a21;
	font-style: normal;
}

/* table form elements */
input.prodQty {
	border: 1px solid #b2b2b2;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 50px;
}

select.prodVariant {
	border: 1px solid #b2b2b2;
	font-family: Arial, Helvetica, sans-serif;
	/*width: 120px;*/
	width: 90px;	
}

/* table special link styles */
a.removeItem {
	display: block;
	height: 12px;
	width: 12px;
}

a.removeItem:link, a.removeItem:visited  { background: transparent url(../img/common/icon_remove.gif) center left no-repeat; }
a.removeItem:hover, a.removeItem:active  { background: transparent url(../img/common/icon_remove_ro.gif) center left no-repeat; }
a.removeItem span { display: none; }

td.updateLink { text-align: center; }

td.updateLink a {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}


/* ++ shopping cart elements ++ */

/* added item message */
#addedItem {
	background-color:#ffffcc;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin: 0 0 10px 10px;
	width: 725px;
}

#addedItem h4 {	
	padding: 10px 0;
	text-align: center;
}

/* checkout progress */
ul#checkoutProgress {
	background: #3a9221 url(../img/common/bg_progress.gif) top left repeat-x;
	color: #83d45c;
	font-size: 85%;
	font-weight: bold;
	list-style-type: none;
	padding: 10px;
	text-align: left;
	text-transform: uppercase; 
}

ul#checkoutProgress li {
	display: inline;
	padding: 0 10px 0 0;
}

ul#checkoutProgress li.active {
	color: #ffffff;
}

/* ++ form elements for shopping cart and contact pages ++ */
h5.cart_header5 {
	background-color: transparent;
	background-image: none;
	margin: 0;
}

/* shopping cart and contact form elements */
fieldset#checkoutContent, fieldset#contactForm {
	border: none;
	overflow: hidden;
	margin: 10px;
	width: 540px;
}

.inputReg {
	font-size: 85%;
	padding: 3px 0 3px 0;
	width: 250px;
}

.selectReg {
	font-size: 85%;
	width: 250px;
}

fieldset#checkoutContent label, fieldset#checkoutContent input, fieldset#checkoutContent select, fieldset#contactForm label, fieldset#contactForm input, fieldset#contactForm textarea {
	float: left;
	margin-bottom: 10px;
}

fieldset#contactForm textarea {
	padding: 3px 0 3px 0;
	width: 250px;
}

fieldset#checkoutContent label, fieldset#contactForm label {
	font-size: 100%;
	padding-right: 15px;
	text-align: right;
	width: 150px;
}

fieldset#checkoutContent label.checkbox_label {
	width: 300px;
}

fieldset#checkoutContent label.mandatoryLabel, fieldset#contactForm label.mandatoryLabel {
	font-weight: bold;
}

div.cartDivider {
	background-color: #dcdcdc;
	clear: both;
	height: 1px;
	margin: 10px 0;
	width: 520px;
}

div.cartDivider hr {
	display: none;
}