/* _tailprod.php */

div.productpic {
	background: #c5c19d;
}

img.productpic {
	width: 158px;
	padding: 12px 0px 12px 0px;
	background: #c5c19d;
}

div.shopspacer {
	height: 10px;
	background: #c5c19d;	
}

div.prices {
	width: 172px;
	padding-top: 10px;
	background: #047391 url(lookfeel/swash3.jpg) no-repeat;
	_overflow: hidden;
}

div.praconlynotice {
	padding: 20px 10px 20px 10px;
	color: #ffffff;
}

div.priceitems {
	width: 158px;
	font: bold 12px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #ffffff;
	padding: 7px 0px 10px 0px;
	clear: both;
	text-align: left;
}

div.rrp, div.normal, div.specnormal, div.special {
	width: 145px;
	margin-left: 12px;
	_margin-left: 6px;
	padding-top: 3px;
	_padding-top: 5px;
	padding-right: 7px;
	float: left;
	color: #ffffff;
	text-align: left;
}

div.rrp {
	text-decoration: line-through;
	color: #a39b6c;
}

div.normal {
	width: 50px;
}

div.specnormal {
	width: 145px;
}

div.special {
	color: #ff8888;
}

div.size {
	margin-top: 2px;
	margin-right: 4px;
	text-align: right;
}

input.productinput {
	border: none;
	margin-top: 0px;
}

div.priceline {
	width: 158px;
	height: 1px;
	background: #a39b6c;
	margin-top: 10px;
	float: left;
	clear: both;
	_overflow: hidden;
}

div.qtyinput {
	font: bold 12px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;  
	color: #a39b6c;
	border: none;
	margin-top: 10px;
	text-align: right;
	margin-right: 11px;
}

input.qtyinput {
	font: normal 12px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	border: none;
	padding: 2px;
	text-align: right;
	margin-top: 2px;
	_margin-left: 2px;
	_width: 20px;
}

div.addcartbutton {
	width: 80px;
	height: 16px;
	margin-top: 7px;
}

div.pricebase {
	width: 158px;
	height: 6px;
	background: url(lookfeel/pricebase.jpg) repeat-x;
	float: left;
	_overflow: hidden;
}


/**********/

div.listbox {
	background: #c5c19d;
	padding: 20px 10px 10px 10px;
}

div.listbox a {
	display: block;
	padding: 4px 0px 4px 0px;
	text-align: left;
	color: #003C4F;
	font-weight: bold;
}

/***** CHECKOUT ******/

/* general */

.hide { display: none !important; }
.show { display: block !important; }
.border { border-bottom: dotted 1px #808080 !important; }
.bold { font-weight: bold !important; }
.heading {
	background: #e9e6d8 !important;
	font-weight: bold !important;
	text-align: left !important;
}
.wide {
	width: 312px !important;
	_width: 320px !important;
}
.wider {
	width: 472px !important;
	_width: 480px !important;
}

/* sections */

div#checkout {
	float: left;
	width: 400px;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 20px 0px;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000; 
}

div#details, div#altship, div#altshipping {
	display: none;
}

a#paypallogo {
	display: block;
	float: right;
}

/* rows */

div.error {
	float: left;
	display: block;
	width: 400px;
	padding: 15px 0px 15px 0px;
	font: bold 12px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #aa0000;
	line-height: 120%;
	text-transform: uppercase;
	overflow: hidden;
}

div.empty {
	float: left;
	display: block;
	width: 400px;
	padding: 15px 0px 15px 0px;
	font: bold 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
}

div.note {
	float: left;
	width: 400px;
	margin: 0px;
	padding-top: 6px;
}

div.linetitle {
	clear: left;
	float: left;
	width: 385px;
	padding: 10px 0px 5px 0px;
	font: bold 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	line-height: 120%;
	overflow: hidden;
}

div.lineitem {
	float: left;
	width: 400px;
	padding: 2px 0px 2px 0px;
}

div.cart {
	clear: both;
	padding: 10px 4px 0px 4px;
}

a.continue, a.continue:link, a.continue:visited, a.continue:hover {
	display: block;
	float: left;
	width: 330px;
	height: 18px;
	_height: 24px;
	padding-top: 6px;
	background: url(lookfeel/loginbut.jpg) no-repeat;
 	border: 0px;
 	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	line-height: 120%;
	color: #003C4F;
	text-decoration: none;
 	vertical-align: top;
 	overflow: hidden;
}
a.continue:hover {
 	background: url(lookfeel/loginbuth.jpg) no-repeat;
}
 	
a.paypallogo, a.paypallogo:link, a.paypallogo:visited, a.paypallogo:hover {
	display: block;
	float: left;
	width: 50px;
	height: 60px;
}

/* rows */

div.label {
	float: left;
	width: 115px;
	height: 19px;
	_height: 24px;
	padding-top: 5px;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	text-align: left;
	overflow: hidden;
}

div.data {
	float: left;
	overflow: hidden;
}

/* controls */

input.data {
	width: 170px;
 	background: #ffffff;
 	border: solid 1px #aaaaaa;
	padding: 2px;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	text-align: left;
}

div.radiotext {
	float: left;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
}

input.radiobut {
	float: left;
	margin-top: -1px;
	margin-left: 15px;
}

select {
 	background: #ffffff;
 	border: solid 1px #aaaaaa;
	padding: 1px;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	text-align: left;
}

/* cart columns */

div.cartitems {
	float: left;
	width: 390px;
	padding: 2px 0px 2px 0px;
}

div.prod, div.price, div.qty, div.gross, div.discount, div.total, div.remove, div.totallabel {
	float: left;
	margin-right: 2px;
	padding: 4px;
	text-align: right;
}

div.prod, div.totallabel {
	width: 156px;
	_width: 164px;
	text-align: left;
}

div.qty {
	width: 70px;
	_width: 78px;
}

input.qty {
	float: left;
	width: 30px;
	padding: 2px;
 	background: #ffffff;
 	border: solid 1px #aaaaaa;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	line-height: 10px;
	text-align: center;
}

div#checkout a.apply {
	float: left;
	display: block;
	margin: 0px 0px 0px 4px;
	padding: 3px 4px 3px 4px;
	background: #333333;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
div#checkout a.apply:hover { background: #000000; }

div#checkout a.remove {
	float: left;
	display: block;
	margin: 4px 0px 0px 16px;
	padding: 2px 4px 2px 4px;
	background: #de4343;
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #ffffff;
	letter-spacing: -0.5px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
div#checkout a:hover.remove { background: #aa0000; }

div.price, div.gross, div.discount, div.total {
	width: 70px;
	_width: 78px;
}

div.totallabel {
	float: left;
	width: 308px;
	_width: 320px;
	text-align: left;
}

 
/* Cart Login */

div.cartlogin, div.cartnologin {
	padding: 10px;
}

td.cartloginlabel {
	width: 100px;
	padding: 4px;
	text-align: right;
}
 
td.cartlogindata {
	padding: 4px;
	text-align: left;
}
 
input.cartlogindata {
	padding: 2px;
	text-align: left;
}
 
input.cartloginbutton {
	margin: 7px 0px 0px 0px;
	padding: 2px;
	text-align: center;
}
 
/* Calendar pop up */

div#calendarpopup {
	background: #eeeeee;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	z-index: 1000;
}

div#calendarpopup a, div#calendarpopup a:link, div#calendarpopup a:visited, div#calendarpopup a:hover {
	display: block;
	color: #222222;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	text-align: center;
	border: none;
}

div#calendarpopup a.month, div#calendarpopup a.month:link, div#calendarpopup a.month:visited, div#calendarpopup a.month:hover,
div#calendarpopup a.year, div#calendarpopup a.year:link, div#calendarpopup a.year:visited, div#calendarpopup a.year:hover,
div#calendarpopup a.today, div#calendarpopup a.today:link, div#calendarpopup a.today:visited, div#calendarpopup a.today:hover {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
}

div#calendarpopup a:hover {
	background: #aaaaaa;
}

div#calendarpopup img {
	vertical-align: bottom;	
}
	
td.year, td.month, td.dayname, td.day, td.today {
	text-align: center;
	margin-bottom: -1px;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

td.year, td.month, td.today {
	background: #32729e;
	color: white;
	font-weight: bold;
}