body {
	font: 0.6875em /* 11px */ / 1.5em tahoma, verdana, arial, sans-serif; color: #333333;
	background: url('../img/body-home-bg.png') repeat-x;
	margin: 0
}
body.layout-admin {
	background: url('../img/body-bg.png') repeat-x;
}

body.layout-offer {
	background: #ffffff;
}
	body.layout-offer #body-layout {
		 text-align: center
	}
	
.offer-view {
	text-align: center;
}

img {
	border: 0
}

#foot-layout #foot-tech-toggle { float: right; margin-left: 4px }
#foot-layout #foot-session-count { float: right; margin-left: 4px }
#foot-layout #foot-session-reset { float: right; margin-left: 4px }
.design-postbox { background: url('../img/tweet-box-300-t.png') top left no-repeat; padding-top: 2px; margin: 20px auto; width: 300px; }
.design-postbox .bottom { background: url('../img/tweet-box-300-b.png') bottom left no-repeat; padding-bottom: 14px }
.design-postbox .middle { background: url('../img/tweet-box-300-m.png') top left repeat-y;  }
.design-postbox .content {display: inline-block; position: relative; margin: 10px }

a { color: #70A11B; text-decoration: underline; font-weight: bold }
a:hover { text-decoration: none }

h1 { font-size: 1.27em /* 14px */ ; color: #cc0033 }
h2, h5 { font-size: 1.5em /* 14px */  }
h3, h4, h6 { font-size: 1.27em /* 14px */  }
p, h1, h2, h3, h4, h5, h6, legend, .field { margin: 0.75em 0 }

legend { font-size: 1.27em; font-weight: bold; color: #333333 }

.field { overflow: hidden }
.field label { width: 150px; text-align: right; float: left; font-weight: bold }
.field .input { padding-left: 160px }

.field input, .field textarea, .field select { border: 0; padding: 2px }

.container {
	width: 980px; margin: 0 auto
}

.links, .fields, .controls { list-style: none; margin: 0; padding: 0 }
	.link { display: inline }
	.controls { margin: 0.75em 0; text-align: right }
	
.layout { overflow: hidden }

	#head-nav { line-height: 40px; text-align: right; height: 40px; overflow: hidden }
		#head-nav a { color: #ffffff; font-size: 1.27em /* 14px */; font-weight: normal; text-decoration: none }
	#head-logo { float: left; height: 140px; overflow: hidden }
	#head-account-box { float: right; width: 300px; text-align: center; font-size: 1.27em; font-weight: bold; }
	
	#head-nav .links li { display: inline-block; overflow: hidden; height: 40px }
	#head-nav .links li.hover { background: url('../img/header-link-left.png') top left no-repeat }
	#head-nav .links li.selected { background: url('../img/header-link-left.png') bottom left no-repeat }
		#head-nav .links li a { display: block; height: 40px; padding: 0 14px }
		#head-nav .links li.hover a { background: url('../img/header-link-right.png') top right no-repeat }
		#head-nav .links li.selected a { color: #77A71C; background: url('../img/header-link-right.png') bottom right no-repeat }
#headliners-panel { display: none }
#tweets-panel { float: left; width: 160px }
#retailers-panel { float: right; width: 300px; }
#featured-panel { padding: 0 320px 0 180px }

#search-panel { overflow: hidden }
#search-panel .browse { float: left; margin: 45px 0 }
#search-panel .steps { list-style: none; margin: 0; padding: 0; float: right; }
#search-panel .steps .step { background: url('../img/steps.png') no-repeat; height: 120px; display: inline-block; text-indent: -999px }
#search-panel .steps #step-1 { background-position: 0 0; width: 112px }
#search-panel .steps #step-2 { background-position: -112px 0; width: 117px }
#search-panel .steps #step-3 { background-position: -229px 0; width: 117px }

#retailers-panel .design-box { background: url('../img/white-box-300-t.png') top left no-repeat; padding-top: 52px; margin: 20px 0 }
#retailers-panel .design-box .bottom { background: url('../img/white-box-300-b.png') bottom left no-repeat; padding-bottom: 2px }
#retailers-panel .design-box .middle { background: url('../img/white-box-300-m.png') top left repeat-y;  }
#retailers-panel .design-box .content {display: inline-block; position: relative; margin: -52px 10px 0 }

#featured-panel .design-box { background: url('../img/white-box-480-t.png') top left no-repeat; padding-top: 52px; margin: 20px 0 }
#featured-panel .design-box .bottom { background: url('../img/white-box-480-b.png') bottom left no-repeat; padding-bottom: 2px }
#featured-panel .design-box .middle { background: url('../img/white-box-480-m.png') top left repeat-y;  }
#featured-panel .design-box .content {display: inline-block; position: relative; margin: -52px 10px 0; width: 460px }

	#head-account-box .design-box { background: url('../img/grey-box-300-t.png') top left no-repeat; padding-top: 52px; margin: 15px 0 0 }
	#head-account-box .design-box .bottom { background: url('../img/grey-box-300-b.png') bottom left no-repeat; padding-bottom: 2px }
	#head-account-box .design-box .middle { background: url('../img/grey-box-300-m.png') top left repeat-y; }
	#head-account-box .design-box .content { display: inline-block; position: relative; margin-top: -52px;  }

#foot-layout { background: url('../img/footer.png') top left no-repeat; height: 28px; padding: 0 10px; font-size: 0.91em /* 10px */ }
#foot-layout p { margin: 0; line-height: 28px; color: #999999 }

#foot-layout .links { float: right; line-height: 28px; }

.design-searchbutton { font-size: 1.18em /* 13px */; background: url('../img/red-button-left.png') top left no-repeat; display: inline-block; padding-left: 2px }
.design-searchbutton .right { background: url('../img/red-button-right.png') top right no-repeat; display: inline-block; padding-right: 2px }
.design-searchbutton a { background: #AC2627; line-height: 24px; height: 24px; color: #FFFFFF; text-decoration: none; display: inline-block; padding: 0 10px; font-size: 1.18em /* 13px */; }
.design-searchbutton input { background: #AC2627; border: 0; line-height: 24px; height: 24px; font-weight: bold; color: #FFFFFF; font-size: 1.18em /* 13px */; font-family: tahoma, verdana, arial, sans-serif; cursor: pointer }

.design-mainbutton { background: url('../img/green-button-left.png') top left no-repeat; display: inline-block; padding-left: 3px }
.design-mainbutton .right { background: url('../img/green-button-right.png') top right no-repeat; display: inline-block; padding-right: 3px }
.design-mainbutton a { background: url('../img/green-button-bg.png') top right repeat-x; line-height: 28px; height: 28px; color: #FFFFFF; text-decoration: none; display: inline-block; padding: 0 10px; font-size: 1.18em /* 13px */; color: #FFFFFF; text-shadow: 0 0 2px #000000 }
.design-mainbutton input { background: url('../img/green-button-bg.png') top right repeat-x; border: 0; line-height: 28px; height: 28px; font-weight: bold; color: #FFFFFF; font-size: 1.18em /* 13px */; font-family: tahoma, verdana, arial, sans-serif; cursor: pointer; text-shadow: 0 0 2px #000000 }

.design-button { background: url('../img/white-button-left.png') top left no-repeat; display: inline-block; padding-left: 3px }
.design-button .right { background: url('../img/white-button-right.png') top right no-repeat; display: inline-block; padding-right: 3px }
.design-button a { background: url('../img/white-button-bg.png') top right repeat-x; line-height: 28px; height: 28px; color: #FFFFFF; text-decoration: none; display: inline-block; padding: 0 10px; font-size: 1.18em /* 13px */; color: #333333; text-shadow: 0 1px 0 #ffffff }
.design-button input { background: url('../img/white-button-bg.png') top right repeat-x; border: 0; line-height: 28px; height: 28px; font-weight: bold; color: #333333; font-size: 1.18em /* 13px */; font-family: tahoma, verdana, arial, sans-serif; cursor: pointer; text-shadow: 0 1px 0 #ffffff }

.design-mainbutton-hover,
.design-mainbutton-hover a,
.design-mainbutton-hover input { background-position: 0 -28px }
.design-button-hover,
.design-button-hover a,
.design-button-hover input { background-position: 0 -28px }

.design-mainbutton-hover .right { background-position: right -28px }
.design-button-hover .right { background-position: right -28px }

#search-form { background: url('../img/search-bg.png') top left no-repeat; padding: 2px; margin: 45px 180px }
#search-search-field { border: 0; width: 375px }

.design-fieldsetbox { background: url('../img/green-box-980-t.png') top left no-repeat; padding-top: 2px; margin: 0.75em 0 }
.design-fieldsetbox .bottom { background: url('../img/green-box-980-b.png') bottom left no-repeat; padding-bottom: 2px }
.design-fieldsetbox .middle { background: #A8C751;  }
.design-fieldsetbox .content { overflow: hidden; padding: 0 10px }
fieldset { border: 0 }

label em { color: #cc0033 }

.offers { list-style: none; margin: 0; padding: 0; border-top: 1px solid #eaeaea }
	.offer { overflow: hidden; border-bottom: 1px solid #eaeaea; }
	.offer .logo { width: 100px; float: left; margin: 0.75em 0 }
		.offer .logo img { width: 100px }
	.offer .details { }
	.offer .main { padding-left: 110px }
	.offer .website { float: right }
		ul.errors { list-style: none; padding: 0 }
		li.error { background: url('../img/alert-icon.png') center left no-repeat; color: #FF9D00; font-weight: bold; padding-left: 20px }
		span.remaining,
		span.expires { padding-left: 20px; background: url('../img/expiring-icon.png') left center no-repeat; line-height: 20px; display: inline-block; color: #cc0033; font-weight: bold; margin-right: 10px }
		p.warn { padding-left: 20px; background: url('../img/alert-icon.png') left center no-repeat; line-height: 20px; display: inline-block; color: #ff9900; font-weight: bold; margin-right: 10px }
		p.ok { padding-left: 20px; background: url('../img/tick-icon.png') left center no-repeat; line-height: 20px; display: inline-block; color: #70A11B; font-weight: bold; margin-right: 10px }

.campaigns { list-style: none; padding: 0;  border-top: 1px solid #eaeaea }
	.campaigns .campaign { border-bottom: 1px solid #eaeaea; padding: 4px 0; overflow: hidden }

table { border-collapse: collapse; border: 1px solid #333333; margin: 0.75em 2px }
	tbody tr { border-bottom: 1px dashed #cccccc }
		tr.even { background: #f0f0f0 }
		th { background: #70A11B; color: #ffffff; border: 1px solid #245B00; text-shadow: 0 0 2px #000000 }
		td, th { padding: 4px }
		

div.control { margin: 0.75em 0; text-align: right }

#createaccount-button { padding-left: 4px }
#createaccount-button .icon { background: url('../img/plus-icon.png') center center no-repeat;  }

#requestaccount-button { padding-left: 4px }
#requestaccount-button .icon { background: url('../img/plus-icon.png') center center no-repeat;  }
.icon { width: 20px; height: 100%; overflow: hidden; float: left; margin-right: 4px }
#browseoffers-button { padding-left: 4px }
#browseoffers-button .icon { background: url('../img/chevron-icon.png') center center no-repeat;  }
#search-form .empty {
	color: #999999
}

.campaign-text { font-size: 1.27em /* 14px */ ; font-weight: bold; }

#retailerlogin-panel { width: 480px; display: inline-block; margin-right: 15px }
#customerlogin-panel { width: 480px; display: inline-block }

.controls-revert { float: left; margin: 0 }

.input em { color: #cc0033 }
.input .counter { color: #cc0033; font-weight: bold }
.input label { float: none; font-weight: normal }

#customerlogin-panel .design-fieldsetbox, #retailerlogin-panel .design-fieldsetbox { background: url('../img/green-box-480.png') top left no-repeat; padding-top: 2px; margin: 0.75em 0 }
#customerlogin-panel .design-fieldsetbox .bottom, #retailerlogin-panel .design-fieldsetbox .bottom { background: url('../img/green-box-480.png') bottom right no-repeat; padding-bottom: 2px }
#customerlogin-panel .design-fieldsetbox .middle, #retailerlogin-panel .design-fieldsetbox .middle { background: #A8C751;  }
#customerlogin-panel .design-fieldsetbox .content, #retailerlogin-panel .design-fieldsetbox .content { overflow: hidden; padding: 0 10px }

#main-panel { padding-right: 320px }
#side-panel { width: 300px; float: right }

#main-panel .design-box { background: url('../img/white-box-660-t.png') top left no-repeat; padding-top: 52px; margin: 20px 0 }
#main-panel .design-box .bottom { background: url('../img/white-box-660-b.png') bottom left no-repeat; padding-bottom: 2px }
#main-panel .design-box .middle { background: url('../img/white-box-660-m.png') top left repeat-y;  }
#main-panel .design-box .content { width: 640px; display: inline-block; position: relative; margin: -52px 10px 0 }

#side-panel .design-box { background: url('../img/white-box-300-t.png') top left no-repeat; padding-top: 52px; margin: 20px 0 }
#side-panel .design-box .bottom { background: url('../img/white-box-300-b.png') bottom left no-repeat; padding-bottom: 2px }
#side-panel .design-box .middle { background: url('../img/white-box-300-m.png') top left repeat-y;  }
#side-panel .design-box .content { width: 280px; display: inline-block; position: relative; margin: -52px 10px 0 }

span.control { float: right }

tr.voucher-form { background: #ffffff }

.voucher-code-box {
	padding: 10px; border: 1px solid #000000; font-size: 3em;
}

#offerpost-form .counter { text-align: right; font-size: 1.27em /* 14px */ ; font-weight: bold; color: #cc0033 }

.state-unavailable {
	color: #cccccc
}

ul.posts {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f0f0f0
}
	ul.posts .post {
		margin: 4px 0;
		padding-top: 4px;
		border-top: 1px solid #f0f0f0;
	}

	#offerpost-form { text-align: center }
	#offerpost-campaign-usertweet { font-weight: bold; }

.offer-view ol { list-style: none; padding: 0; margin: 0.75em 0 }
table.vouchers { width: 100% }
#foot-layout .links .link { margin-left: 3px; border-left: 1px solid #999999; padding-left: 6px }
#foot-layout #foot-terms-link { margin-left: 0; padding-left: 0; border-left: 0 }
form .options {
	list-style: none; margin: 0; padding: 0;
}
form .options li {
	margin: 0 0 1.5em;
}
div.textarea {
	width: 240px;
	height: 120px;
	background-color: #ffffff;
	outline: 0;
	border: 1px solid #ebebeb;
}
.offer-form {
	float: right; width: 380px;
	border-left: 1px solid #ebebeb;
	padding-left: 20px;
}
#offerpost-form h3 {
	text-align:left;
}
.offer-view {
	float: left; width: 560px; padding-top: 20px;
}

.required {
	color:#cc0033;
	font-weight: bold;
}

.offer-steps {
	list-style:none;
	margin:0;
	padding:0;
}

.offer-steps
.step {
	padding-left: 64px;
}
.offer-steps
.last {
	background-image:none;
	padding-bottom:0;
}
.offer-steps .step-one {
	background:url("../img/step-one.png") left top no-repeat;
}
.offer-steps .step-two {
	background:url("../img/step-two.png") left top no-repeat;
}
.offer-steps .step-three {
	background:url("../img/step-three.png") left top no-repeat;
}
.offer-steps .next-arrow {
	background:url("../img/step-arrow.png") bottom center no-repeat;
	height:48px;
}