body {
	background: #f9f6f4;
	background-attachment: fixed;
	background-image: url('/jme/img/jme_w11_wall_lr.gif');
	background-position: center;
}

#pageWrap {
	width: 935px;
}

a, span.link {color: #00B5E6; font-weight: bold; text-decoration: none; cursor: pointer;}
a:hover, span.link:hover {text-decoration: underline;}



/* Layout
--------------------------------------------------------*/
#basket {
	padding: 18px 0px 56px 0px;
	background: #FFF;
	color: #666666;
}

#content {float: left; display: inline; width: 550px; margin: 5px 100px 20px 55px;}
#marketing {float: left; display: inline; width: 180px; margin: 50px 0 20px 0;}
#marketingr2 {float: left; display: inline; width: 560px; margin: 20px 0 20px 0;}
#popup {float: left; display: inline; width: 400px; margin: 5px 50px 20px 55px;}
.banner {margin-bottom: 5px;}
.banner2 {margin: 55px 0px;}
.bannerr2f {float: left;margin: 0px 0px 0px 0px;}
.bannerr2 {float: left;margin: 0px 0px 0px 10px;}

#summary, .summary {clear: both; font-size: 0.8em; margin: 15px 0px 0 0;}
#summary .contents, .summary .contents {float: left; width: 300px;}
#summary .cost, .summary .cost {float: right; font-size: 1.3em;}
#summary .costs, .summary .costs {float: right; font-size: 1.3em;}
#summary p, .summary p {font-size: 100%;}

/* checkout */

/* layout */

.larger {
	font-size: 100%;
	padding-bottom: 4px;
}

.smaller {
	font-size: 70%;
	padding-bottom: 12px;
}

.address {
	width: 50%;
	margin: 10px 0px 20px 0px;
	float: left;
}

.address p {
	margin: 0px;
}

.full {
	width: 60%; 
	margin-bottom: 20px;
	padding: 10px;  
	float: left;
}

.whole {
	width: 80%; 
	padding: 10px;
	float: left;
}

.half {
	width: 45%; 
	margin-bottom: 20px;
	padding: 10px; 
	border-right: 1px solid #CCCCCC;
	float: left;  
}

.third, .login {
	width: 29%;
	height: 200px;
	padding: 10px;
	border-right: 1px solid #CCCCCC;
	float: left;  
}

/* display */

.half h2, .third h2, .login h2 {
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.full p input, .half p input, .third p input, .login p input {
	width: 90%;
	margin-top: 3px;
	display: block;
}

.full p input {
	width: 66%;
}

.full p span, .half p span, .third p span, .login p span {
	margin-top: 3px;
	display: block;
	font-size: 90%;
}

.half p span.error, .third p span.error, .login p span.error {
	color: #FF0000;
}

p input.short {
	width: 30%;
	margin: 0px;
	display: inline;
}

p input.inline {
	width: auto;
	margin: 0px;
	display: inline;
}

.end {
	border: 0px;
}

/* login */

.bottom {
	height: auto;
}

/* delivery */

#delivery {
	margin-top: 12px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

p label {
	font-size: 100%;
	font-weight: bold;
}

div.hidden {
	position: absolute;
	visibility: hidden;
}

div.visible {
	position: relative;
	visibility: visible;
	zoom: 1;
}

/* legend */

ul.legend {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	list-style-type: none;
}

ul.legend li {
	color: #BBB;
	width: 88px; 
	margin-right: 3px; 
	padding: 0px 0px 10px 0px;
	border-bottom: 5px solid #DDD; 
	font-size: 70%;
	float: left;
}

ul.legend li.selected {
	color: #666666;
	border-bottom: 5px solid #00A5E6;
}

/* print */

.print {
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer;
}

/* misc classes */

.margTop {
	margin-top: 20px;
}

h2.margTop {
	margin-top: 40px;
}

.margBot {
	margin-bottom: 20px;
}

strong.disabled {
	color: #BBBBBB;
}

p.heading {
	padding: 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
}

/* Tables
--------------------------------------------------------*/
table {width: 100%; margin: 20px 0px 10px 0px; border-top: 1px solid #d1d1d1;}
th {border-bottom: 1px solid #d1d1d1; padding: 14px 0px 5px 0px; text-align: right; font-weight: normal; vertical-align: bottom;}
th.recipease, th.jme, th.firstHeader {text-align: left; font-weight: bold;}
th.etmQuantity {padding-left: 22px; text-align: left;}
td {padding: 1px 0px;}
td label {font-size: 100%;}
th.savedForLater {font-family: georgia, serif; text-align: left; font-size: 112%; font-weight: bold;}


.topMargin {margin-top: 55px;}

table.basketJME td {padding: 16px 0px 8px 0px;}
table.basketJME td.description {width: 275px}
table.basketJME td.description span {display: block; font-size: 0.9em;}

table.basketJME td.description2 {width: 420px}
table.basketJME td.description2 span {display: block; font-size: 0.9em;}

table.basketRCP tr.subtotal td {padding: 16px 0px 30px 0px;}
table.basketRCP td.description span {display: block; font-size: 0.9em;}

table td.price {width: 60px; font-weight: bold; text-align: right;}
table td.quantity{width: 50px; font-weight: bold; text-align: right;}
table td.wrap {width: 35px; color:#333333; text-align: right;padding-top:12px;}
table td.wrap2 {width: 35px; color:#666666; text-align: right;}
table td.cost {width: 60px; color:#333333; text-align: right;}
table td.cost span {color: #666666;}
.basketTotal {font-size: 100% !important;}

table td.quantity .qty, table td.participants .qty {
	color: #000;
	width: 14px;
	padding: 2px;
	border: 1px solid #000;
	float: right;
}

.incDec {
	float: right;
}

.incDec img {
	display: block;
	margin: 0px 0px 1px 1px;
	cursor: pointer;
}

table td.descriptionRcp {width: 218px;}
table td.descriptionRcp span {display: block;}
table td.descriptionRcp a:hover span {text-decoration: underline;}
table td.participants  {width: 70px; padding-right: 20px; font-weight: bold; text-align:center;}
table td.delete {width: 52px;}

.serving {
	display: block;
	font-size: 90%;
}

table td.delivery {text-align: right; padding-top: 12px;}
table tr.subtotal {text-align: right; font-size: 1.2em}
table tr.total td{text-align: right; font-size: 1.0em; padding: 15px 0px}

table td.dottedline {background:url(../img/dottedline.gif) 0 50% repeat-x; padding: 5px 0px; margin: 0px; font-size:1px;}
table h2 {font: bold 1.3em/1.2em Arial, Helvetica, sans-serif}

table.basketRCP tr.title td {padding: 30px 0px 0px 0px;}

table.participantsName {border-top:0px;margin:0;font-size: 1.3em;}
table.participantsName td {padding: 3px 0 0 0;}

table.participantsName td.name-title {width:150px;}


/* Form Items
--------------------------------------------------------*/
select {color: #8f8f8f;}
input {color: #8f8f8f;}

input.code  {width: 50px;}

/* Fonts
--------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-family: georgia, sans-serif; margin: 0px; padding: 0px;
	color: #666666;
}

h1 {font-size: 2em; line-height: 1.3em; margin: 0px; padding: 10px 0px}
h2 {font-size: 2.45em; line-height: 1.3em}
h3 {font-size: 1.4em; line-height: 1em; padding: 0 0 2px 0}


.BlockLink {background: #887b74; padding: 1px 5px 2px 5px; margin-right: 12px; line-height: 2em; font-family: georgia, serif;}
a.BlockLink {color: #FFF; background: #887b74; text-decoration: none;}
a.BlockLink:hover {color: #FFF; background: #56514e; text-decoration: none;}


.bluearrow {color:#00B5E6; background: url(../img/blueArrow.gif) 0px 4px no-repeat; padding-left: 12px; font-size: 0.9em;}
a:hover.bluearrow  {text-decoration: underline}



.button a {
	background:url(../img/a-button-R.gif) repeat-y 100% 0;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;	
	float: left;	
}

.button a span {
	background:url(../img/a-button-L.gif) 0 0 no-repeat;
	padding: 8px 15px 8px 10px;
	display: block;	
	line-height:11px !important;
}



.button a:hover {
	color:#FFFFFF;
	background-position: 100% -27px;
	text-decoration: none;
}

.button a:hover span {background-position: 0 -27px;}

ul.listingAction,
ul.listingAction li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.listingAction li {
	display: inline;
}


.cost {font-weight: bold;}
.jmeCosts {font-size: 110% !important;}

#shopBasket {
	background: #FFF; 
	color: #000; 
	width: 150px; 
	padding: 3px; 
	margin-left: 630px; 
	font-size: 11px; 
	font-weight: bold;
	position: absolute; 
	text-align: center; 
}