/* ========================== */
/* = TradePressPR Home Page = */
/* ========================== */



/* ================== */
/* = General Styles = */
/* ================== */

hr {
	border: 2px solid #212d35;
	margin: 0 20px;
}

li {
	font-size: 14px;
}

h3 {
	font-size: 1.4em;
	font-variant: small-caps;
	text-align: right;
	font-style: italic;
}


/* ===== Error Messages ===== */

.errorExplanation {
	background: #fee;
	border: 2px dashed red;
	color: red;
	margin-bottom: 1em;
	padding: 1em;
	margin-left: 296px;
}

#errorExplanation.errorExplanation * {
  margin-left: 0;
  text-indent: 0;
}

#errorExplanation.errorExplanation p {
  font-size: 1em;
}

.errorExplanation h2 {
	font-size: .8em;
}

#checkboxes .fieldWithErrors {
	background: #FFDDDD;
	padding: 3px;
	border: 1px dashed red;
}

.errorExplanation ul {
  margin-top: 1em;
}

.errorExplanation li {
  margin-bottom: .25em;
  font-size: .9em;
  font-weight: bold;
}


.fieldWithErrors input, 
.fieldWithErrors .mceEditor,
.fieldWithErrors select,
.listErrors {
	border: 1px dashed red;
	background: #fdd;
}

.fieldWithErrors label {
  color: red;
}


/* ============= */
/* = Info page = */
/* ============= */

#info hr {
	margin-bottom: 6em;
	position: relative;
	top: 2.5em;
	clear: both;
}

#info h3, #info h5 {
	float: left;
	width: 226px;
	margin-left: 40px;
	text-align: right;
	clear: both;
}

#info p, #info address {
	float: left;
	width: 424px;
	margin-left: 30px;
	margin-bottom: 1em;
	font-size: .9em;
}

#info address {
	padding-bottom: 3em;
}


/* ========================= */
/* = Terms of Service Page = */
/* ========================= */

#terms {
	padding: 3em;
}

#terms h2 {
	text-align: center;
	margin-bottom: 2em;
}

#terms p {
	margin: 0 auto;
	width: 75%;
}


/* ========================= */
/* = Step and Section code = */
/* ========================= */

.step {
	position: absolute;
	left: 0;
	top: 20px;
	width: 246px;
}

.step div {
	height: 69px;
	text-indent: -5000px;
	margin-bottom: 14px;
}

.step h4 {
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: -.05em;
	text-align: right;
	padding-left: 40px;
}

.section {
	padding-top: 103px;
	margin-bottom: 20px;
}

#lists, #pr_upload, #customer_info, #footer {
	position: relative;
}

/* ================================== */
/* = Top Row :: Info Box & Tag Line = */
/* ================================== */

#rundown .taglines {
	float: left;
	width: 226px;
	padding-left: 40px;
}

#rundown .taglines h3 {
  margin-bottom: .5em;
  font-size: 18px;
  font-variant: normal;
	text-transform: uppercase;
}

#rundown .taglines h3.large {
  margin-top: 1em;
  font-size: 36px;
}

#rundown .description {
	font-size: .9em;
	float: left;
	width: 424px;
	margin-left: 30px;
}

#rundown .description h2 {
  font-size: 15px;
  margin-bottom: .5em;
}

#rundown .description p {
	margin-bottom: .5em;
}

#rundown a {
	text-decoration: none;
}

#tag_line {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 3em;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: .5em 0 20px 296px;
	text-indent: -5000px;
	background: transparent url('../images/easy_as.gif') no-repeat;
}

#tag_line span {
	color: #f47421;
}


/* ======================= */
/* = Email Lists Section = */
/* ======================= */

#lists .step div {
	background: transparent url('../images/step_button1.gif') right no-repeat;
}

#lists .section {
	width: 424px;
	margin-left: 296px;
	background: url('../images/section_choose.gif') right top no-repeat;
}

#lists p {
	font-size: .9em;
	margin-bottom: .5em;
	line-height: 1.1em;
}

#lists a {
	color: #212d35;
}

#lists label {
	font-size: .8em;
	font-weight: bold;
}

#lists input {
	background: transparent;
	border: 0;
}

#lists ul {
	font-size: .8em;
	max-height: 8em;
	overflow: auto;
}

#lists ul li {
	font-size: .9em;
	text-indent: 3em;
}


/* ===================== */
/* = PR Upload Section = */
/* ===================== */

#pr_upload .step div {
	background: transparent url('../images/step_button2.gif') right no-repeat;
}

#pr_upload .section {
	width: 720px;
	margin-right: 40px;
	padding-top: 123px;
	background: url('../images/section_upload.gif') right top no-repeat;
}

#pr_upload p, #pr_upload ul {
	margin-left: 296px;	
	width: 424px;
	text-align: left;
	font-size: .9em;
	margin-bottom: .75em;
	line-height: 1.1em;
}

#pr_upload li {
	font-size: .9em;
	font-weight: bold;
	text-indent: 2em;
}

#pr_upload li strong {
	text-transform: uppercase;
}


#pr_upload label, #pr_upload #copy_text input {
	height: 1em;
}

#pr_upload label, #pr_upload input, #pr_upload textarea, #pr_upload #release_date {
	margin-bottom: .5em;
}

#pr_upload label {
	clear: both;
	width: 266px;
	text-align: right;
	font-weight: bold;
	float: left;
	margin-right: 30px;
}

#pr_upload input, #pr_upload textarea, #pr_upload #pressrelease_copy_parent, #pr_upload #release_date {
	width: 418px;
	float: left;
	text-align: left;
}

#pr_upload #pressrelease_copy_parent {
	position: relative;
}

#pr_upload textarea {
	height: 200px;
	font-size: 10px;
}

#pr_upload .copy label {
	line-height: 33px;
}

.button, .switch {
	cursor: pointer;
}

#pr_upload #copy_text div.switch {
	background: url('../images/word_button.gif') no-repeat;
}

#pr_upload #copy_text div.switch:active{
	background-position: 0 -33px;
}

#pr_upload #copy_upload div.switch {
	background: url('../images/txt_button.gif') no-repeat;
}

#pr_upload #copy_upload div.switch:active {
	background-position: 0 -33px;
}

.switch {
	display: none;
	float: left;
	width: 120px;
	height: 33px;
	margin-bottom: .5em;
	text-indent: -5000px;
}


/* =============================== */
/* = Bottom Row :: Customer Info = */
/* =============================== */

#customer_info .step div {
	background: transparent url('../images/step_button3.gif') right no-repeat;
}

#customer_info .section {
	padding-top: 153px;
	float: left;
	width: 740px;
	background: url('../images/section_purchase.gif') right top no-repeat;
}

#customer_info label, #customer_info input {
	height: 1em;
}

#customer_info label, #customer_info input {
	margin-bottom: .5em;
}

#customer_info label {
	clear: both;
	width: 266px;
	text-align: right;
	font-weight: bold;
	float: left;
	margin-right: 30px;
}

#customer_info input {
	width: 424px;
	float: left;
	text-align: left;
}

#customer_info #checkboxes input.checkboxes, #customer_info #checkboxes label {
	float: none;
}

#customer_info #checkboxes input.checkboxes {
	display: inline;
	width: auto;
}

#customer_info #checkboxes label {
	display: inline;
	text-align: left;
	width: auto;
	font-size: .8em;
	margin-left: .5em;
}

#customer_info #checkboxes {
	margin-left: 286px;
}

#customer_info #checkboxes div {
	display: inline;
}

#customer_info #submit input {
	width: 120px;
	height: 33px;
	background: url('../images/submit_button.gif') no-repeat;
	border: none;
	float: none;
	margin-top: 20px;
	margin-left: 286px;
	padding-top: 33px;
	overflow: hidden;
	cursor: pointer;
}

#customer_info #submit input:active {
	background-position: 0 -33px;
}


/* ========== */
/* = Footer = */
/* ========== */

#footer {
	font-size: .8em;
	font-weight: bold;
	color: white;
	background: #ee7120;
	padding: 1.5em;
	clear: both;
}

#footer a {
	color: white;
}

#footer a:hover {
	color: #212d35;
}

#footer address, #footer div {
	position: absolute;
	top: 0;
	margin-top: 1em;
}

#footer address {
	width: 100%;
	text-align: center;
}

#footer #phone {
	left: 3em;
}

#footer #about_us {
	right: 3em;
}