/*
	// ------------------------------------------------------------------------------
	// CLASS:
	// DS2.Coupons.css.couponstructure
	//
	// PURPOSE:
	// I am the primary CSS file for coupon structure
	//
	// COPYRIGHT:
	// Copyright (c) 2008 Dealerskins, Inc. All Rights Reserved.
	//
	// REVISION HISTORY:
	//
	// ******************************************************************************
	// User: ADM  Date: 7/18/2008
	// Initial creation
	// ******************************************************************************
	// ------------------------------------------------------------------------------
*/

/*
	set the page background color and margins.
 */
body, p, div, td, textarea {
	font-size: 9pt;
}


img, div {
	/* behavior: url("/coupons/css/iepngfix.htc"); */
}

/*
	open: coupon specific styles
*/

#couponCont {
	width: 100%;
	margin: 0px auto;
	text-align: center;
}

	#coupon {
		width: 644px;
		margin: 0px auto 0px auto;

	}

		#couponTop {
			width: 100%;
			margin: 0px auto;
		}

			#couponTopInner {
				margin: 15px 15px 0px 15px;
				width: 612px;
				border-top: 1px dashed #000000;
				border-right: 1px dashed #000000;
				border-left: 1px dashed #000000;
			}

				#header {
					height: 72px;
					margin: 10px 10px 0px 10px;
					text-align: center;
					overflow: hidden;
				}

					#header .short {
						height: 1px;
						margin: 0px 2px;
						padding: 0px;
						font-size: 0px;
						overflow:hidden;
					}

					#header .medium {
						height: 1px;
						margin: 0px 1px;
						padding: 0px;
						font-size: 0px;
						overflow:hidden;
					}

					#headerBody {
						height: 64px;
						margin: 0px;
						padding: 4px 0px 0px 0px;
					}

						#titlePretext, #titlePosttext {
							height: 15px;
						}

						#titleText {
							font-size: 2em;
							font-weight: bold;
						}

				#content {
					margin: 10px 10px 0px 10px;
					text-align: center;
				}

					#content .short {
						height: 1px;
						margin: 0px 2px;
						padding: 0px;
						font-size: 0px;
						overflow:hidden;
					}

					#content .medium {
						height: 1px;
						margin: 0px 1px;
						padding: 0px;
						font-size: 0px;
						overflow:hidden;
					}

					#contentBody {
						width: 592px;
						clear: both;
					}

						#couponDetails {
							width: 590px;
							clear: both;
							/* height: 170px; */
						}

							#contentImg {
								margin: 10px;
								width: 168px;
								float: left;
								z-index: 500;
								clear: both;
							}

								#contentImg img {

								}

							#couponText {
								margin: 10px 10px 5px 0px;
								width: 372px;
								float: right;
								text-align: left;
							}

								#couponText * {
								}

								#couponText p {
									margin: 0px 0px 10px 0px;
								}

								#couponText ul {
									margin: 0px 0px 10px auto;
								}

									#couponText ul li {
										margin: auto 0px auto 10px;
									}

						#expirationAndPrice {
							background: url('/coupons/images/bg_expirationTop.gif') no-repeat;
							margin: auto 10px;
							padding-top: 8px;
							clear: both;
							position: relative;
							height: 100px;
							/* margin: 10px 0px 0px 0px; */
						}

							#left {
								float: left;
								width: 290px;
							}

								#disclaimer {
									font-size: .8em;
									line-height: 1.1em;
									text-align: left;
								}

								#expiration {
									line-height: 1.1em;
								}



							#right {
								float: right;
								width: 265px;
								text-align: center;
							}

							#right * {
								line-height: 1em;
							}

								#pricePretext, #pricePosttext {
									height: 13px;
								}

								#priceText {
									font-size: 4em;
									font-weight: bold;
									height: 48px;
								}

		#couponBottom {
			width: 642px;
			height: 37px;
			margin: 0px auto;
		}

			#couponBottomInner {
				width: 612px;
				margin: 0px 15px 0px 14px;
				border-right: 1px dashed #000000;
				border-bottom: 1px dashed #000000;
				border-left: 1px dashed #000000;
			}

				#couponBottomInner p {
					text-align: center;
					margin: 0px;
					font-size: .8em;
					line-height: 2em;
				}





	/*
		open: print and email to friend styles
	*/
	#couponInteraction {
		width: 557px;
		height: 22px;
		margin: -9px auto 5px auto;
		text-align: center;
		overflow: hidden;
	}

		#couponInteraction * {
			font-size: .9em;
		}

			#emailForm {
				position: relative;
				top: 0px;
				height: 22px;
			}

			#emailMsg {
				position: relative;
				height: 22px;
				line-height: 24px;
			}

				#emailMsg img {
					float: right;
					margin: 0px 0px 0px 5px;
				}

			#couponInteraction span {
				height: 22px;
				font-size: .9em;
				line-height: 20px;
				display: block;
				float: left;
				margin: 0px 10px 0px 0px;
			}

				#couponInteraction span img {
					float: left;
					margin: 2px 5px 0px 0px;
					border: 0px;
				}

			#emailToFriend {
				float: left;
				margin: 0px;
			}

				#emailToFriend img {
					float: left;
					margin: 2px 7px 0px 0px;
				}

				#emailToFriend .email {
					width: 140px;
					height: 18px;
					line-height: 14px;
					margin: 0px  0px 0px 5px;
				}

				#emailToFriend .emailSubmit {
					width: 25px;
				}




/*
	open: extra coupon listings
*/
#couponAdditional {
	width: 610px;
	margin: 0px auto 20px auto;
	text-align: left;
	padding: 0px 0px 20px 0px;
}

	#couponAdditional legend {
		margin: 0px auto 5px 10px;
	}

		#couponAdditional ul {
			margin: 0px;
			padding: 0px 0px 0px 10px;
		}

			#couponAdditional ul li {
				float: left;
				display: block;
				width: 296px;
				margin: 0px 0px 5px 0px;
			}