/* Reset */
@import "../reset.css";

/* reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

acronym {cursor:help; border-bottom:1px dotted #999;}



/* Structure */
body {
	background: #3d887d URL("/images/om3/om3-bg.jpg") no-repeat top center;
	font-size: 62.5%;
	}

#pageWrapper {
	width: 780px;
	margin: 24px auto 0px;
	background: #FFF URL("/images/om3/om3-bg-stretch.gif") repeat-y top left;
	}

#page {
	background: transparent url("/images/om3/om3-top.gif") no-repeat top left;
	position:relative;
	}
	#content {	
		background: transparent url("/images/om3/om3-btm.gif") no-repeat bottom left;
		padding:40px 65px 80px;
		margin:0px;
		font: 1.1em/ 2em Georgia, "Times New Roman", Times, serif;
		}
		
#mainCol a, #sideCol a, .orderButton a{
	display:block; 
	background:#666666 URL("/images/om3/btn-bg.jpg") repeat-x center center;
	border: double 3px #5e3b03; border-top-color:#c4621e; border-left-color:#c4621e;
	padding:4px; text-align:center;
	font: bold 1.2em/1em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color:#FFFF00;
	width:305px;
	text-decoration:none;
	}
	#mainCol a, #sideCol a {margin-left: auto; margin-right:auto;}
	#mainCol a:hover, #sideCol a:hover, .orderButton a:hover {background-position:top left;	color:#FFFF99;}	
	#mainCol a:active, #sideCol a:active, .orderButton a:active {background-position:bottom left;border-color: #5e3b03 #c4621e #c4621e #5e3b03;}
	
	#sideCol a {width:100px;}


/* Structure */
#mainCol {
	position:relative;
	z-index:1;
	}
	
#sideCol {
	float:left; 
	border: 1px solid #e3df9a;
	background-color: #faf7c4;
	position:relative; z-index:5;
	width:140px;
	margin:0 20px 40px -20px;
	padding:2em;
	font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}
	#sideCol blockquote {
		margin:2em 0em 6em;
		font-size:1.1em;
		color:#666;
		line-height:1.8em;
		}
		#sideCol cite {
			display:block;
			text-align:right;
			font-size:0.85em;
			text-transform:uppercase;
			font-style:normal;
			color:#666;
			font-weight:bold;
			}

.callout {
	background: #cde6ff URL("/images/mpowerment/callout-bg.png") no-repeat bottom right;
	border: 1px solid #39F;
	padding: 1.5em 2em;
	color: #000 !important;
	}

ul,ol {margin: 2em 2em 1.6em 5em;}

ul.alt {color: #C00;}

ol li {list-style-type:decimal;}

ul.header {
	margin-left: 100px;
	margin-right: 100px;
	}

li {margin-bottom: 1.4em;}

#bonusDVDs li { padding:6px 0 20px 130px;margin-bottom:0;}
	#bonusDVDs li#kiss {background:transparent URL("/images/om3/bonus-firstkiss.jpg") no-repeat top left;}
	#bonusDVDs li#million {	background:transparent URL("/images/om3/bonus-millionaire.jpg") no-repeat top left;}
	#bonusDVDs li#health {	background:transparent URL("/images/om3/bonus-perfecthealth.jpg") no-repeat top left;}


/* Typography */
h2,h3,h4,h5,p {	margin: 1em 0 1.4em;}

p,ul,ol {
	color: #000;
	font-size: 1.4em;
	}

p {text-indent:3em;}
p.noindent {text-indent:0;}

#sideCol p {text-indent:0;font-size:1em;line-height:1.5em;color:#423627;}

#loginBanner p {text-indent:0;margin:0 0 2em 190px;}

blockquote {margin:1em 4em;}
blockquote p {text-indent:0;}

.quote {background:#fcf6da;padding:2em;}

.large {font-size:1.4em;}

span {background:#FFFF33;}

h1 {
	font-size:2.5em;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:-0.06em;
	color:#4e381c;
	margin:1em 0 2em;
	}
	h1.alt {
		text-align:center;	
		color: #23649f;
		margin:0;
		}

h2 {
	color: #900;
	text-align: center;
	font: bold 2em/1.5em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	margin:2em 0 2em;
	letter-spacing:-0.06em;
	}
	h2.alt {
		color: #333;
		font-size:2.4em;
		margin:1em 3em 1em;}
	

h3 {
	color: #23649f;
	font-size: 1.8em;
	text-align: center;
	line-height: 1.4em;
	font-weight: bold;
	}
	h3.alt {color: #003399;text-align: left;font-weight:normal;}
	he.alt strong {font-weight:bold;}
	h3.header {
		color: #000;
		margin: 1.2em 0;
		font-weight: bold;
		font-size: 1.3em;
		line-height: 1.3em;
		}
	#note h3 {margin-bottom:20px;line-height:20px;font-size:20px;}
	
	#sideCol h3 {font-size:1.4em; margin-top:2em;}

h4 {font-size: 2em;
	font-style:italic;
	color:#7095c1;line-height:1.2em;}
	h4.alt {text-align: center;}
	h4.header {
		color: #195da2;
		text-align: center;
		font-size: 1.3em;
		margin: 1.2em 0;
		}
	h4.header strong {font-size: 1.1em;}
	
	#sideCol h4 {font: bold 1.4em/1em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;color:#af6607;}

h5.header {
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	}
	
cite {text-align:center;
	font-size:1.2em;
	margin:1em 0 3em;
	font-style:italic;
	display:block;}
	
ol.largeNumbers li{padding-left:40px; list-style-type:none;}
ol.largeNumbers #one {background:transparent URL("/images/om3/list-one.gif") no-repeat top left;}
ol.largeNumbers #two {background:transparent URL("/images/om3/list-two.gif") no-repeat top left;}
ol.largeNumbers #three {background:transparent URL("/images/om3/list-three.gif") no-repeat top left;}


#copyright p {
	text-align:center;
	font:1em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color:#ccc;
	padding:1em;
	margin:0;
	text-indent:0;
	}
	#copyright a {color:#ccc;}

	
.checkoutBox {
	text-align:center;
	margin:0 3em;
	}
	.checkoutBox h3, 
	.checkoutBox p {
		margin:0;
		line-height:1.3em;
		color:#000;
		}
	.checkoutBox span {
	padding:3px 6px;
	background-color: #FFFF33;
	}
	
#priceDisplay {margin:1em 0 2em; color:#666;}
	#priceDisplay p {
		text-align:right;
		font-weight:bold;
		color:#900;
		}
	#priceDisplay sup {font-size:0.65em;line-height:0.5em;}
	#priceDisplay th {
		background:#eee;
		border-bottom:1px solid #CCC;
		color:#333;
		padding:4px;
		}
	#priceDisplay td {padding:4px;}
	#totalRow td {font-size:1.3em;color:#000;}
	
#terms {
	height:120px;
	overflow:scroll;
	border:1px solid #eee;
	clear:both;
	padding:0 1.5em; margin:3em 0 1em;
	}
	#terms p {font-size:0.75em;text-indent:0;margin-bottom:1em;}
	
	
.pulloutBox {background:#FFFFCC; padding:20px;border:1px solid #993333;}
.pulloutBox p {text-indent:0px;}

#menu {text-align:right;margin:0 5em 2em;}
#menu strong {float:left;font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;}
#menu li {;margin-bottom:8px;}
#menu #menuTotal {border-top:2px solid #333;}
#menu #custPrice {background:#dcedff; padding:2px 8px;margin:0 -10px 8px;position:relative;}
#menu #custSaving {color:#0033CC;}


	
/* Forms */

form {
	font: 11px/ 1.4em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	margin: 1em;
	}

ul.small li {margin-bottom:1em !important;}
.bullets li {list-style-type:disc;}

.arrow li {
	list-style-type:none !important;
	background:transparent URL(/images/om3/liArrow-orange.gif) no-repeat 0px 2px;
	padding-left:28px;}

fieldset {border: 1px solid #EEE; border-top-color:#CCC;}
#loginBanner fieldset {margin:0 0 0 15em;}

legend {
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	margin-left: 2em;
	}

fieldset ol {list-style-type: none;margin:1em;}

fieldset li {
	display: block;
	clear: left;
	margin: 0 0 10px 0;
	font-size: 12px;
	list-style-type: none;
	}

fieldset li input,
fieldset li select {
	float: left;
	display: block;
	border: 1px solid #ccc;
	background-color: #FFFFCC;
	margin: 0 3px 6px 0;
	padding: 2px;
	font-size: 12px;
	width: 240px;
	}
#acceptTerms {width:auto;}

fieldset li select {width: 248px;}

fieldset li.fieldError input, 
fieldset li.fieldError select {	background-color: #fcc;}
	
.short {width: 180px;}
select.short { width: 188px; }

.ubershort {width: 80px;}
select.ubershort { width: 88px; }

fieldset li label {
	float: left;
	display: block;
	width: 190px;
	line-height: 1.6em;
	}

fieldset li.fieldError label {
	font-weight: bold;
	color: #f00;
	}

.errorNotice {
	font-size: 12px;
	font-weight: bold;
	color: #f00;
	}

.button {
	border: 2px solid #0d6ebd;
	background: #6ba7e3;
	color: #FFF;
	border-color: #73aae0 #0d6ebd #0d6ebd #73aae0;
	margin: 2em 0;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	}

.button:hover {
	background: #73aae0;
	color: #FFFF00;
	}

.button:active {
	border-color: #0d6ebd #73aae0 #73aae0 #0d6ebd;
	background: #1e77c9;
	}
	.sideButton {margin-left:200px;}

img.left {float:left;position:relative; margin:0 2em 1em 0;}
img.right {float:right;position:relative; margin:0 0 1em 2em;}

#sideCol img.left { margin:0 1em 0.5em 0;}

.center {text-align: center;}

img.border {border:1px solid #eee;padding:8px;margin-left:-10px; }

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}

.checks {width:30%;float:left;position:relative;margin:0; margin-left:40px;}
.checks li {
	background: transparent URL("/images/om3/check.gif") no-repeat top left;
	padding:4px 0 3px 30px; 
	margin-bottom:0.5em;
	position:relative;}

#note {
	padding:5px 10px 5px 80px;
	border:1px solid #996600;
	background:#FFF URL(/images/om3/lined-paper.gif) repeat-y top left;
	/*margin:0 4em 2em;
	z-index:50;
	position:relative;
	float:left;*/
	}
	#note ol {margin:0;}
	#note li {
		display:block;
		float:left;
		width:170px;
		margin:0 0.5em;
		position:relative;
		line-height:20px;
		}
		#note strong {color:#CC0000;display:block;}
/* Uni-Form necesseties */
.inlineLabels .formHint {
	clear:both;
	}

	.inlineLabels .formHint{
		color:#706c59;
		margin:.5em 0 0 30%; padding:3px 0;
		font-size:0.9em !important;
		}
		
	.blockLabels .formHint{
		color:#706c59;
		font-size:0.9em;
		font-style:italic;
		}

/* Required asterisk styling, use if needed */
	label em,
	.label em{
		display:block;
        float:right;
		position:relative;
		font-style:normal;
		font-weight:bold;
		margin-right:4px;
		}
	.blockLabels label em,
	.blockLabels .label em{
		position:static;
		display:inline;
		}
		
/* Messages */
	.uniForm #errorMsg{
		background:#ffdfdf;
  		border:1px solid #df7d7d; border-width:1px 0;
 		margin:0 0 1em 0; padding:1em;
		}
	
	.uniForm #errorMsg dt,
	.uniForm #errorMsg h3{
		padding:2px 0 2px 18px;
		margin:0 0 .5em 0;
    	font-size:1em;
    	line-height:100%;
    	font-weight:bold;
		color:#ffb03b;
		}
	.ctrlHolder.error input,
	.ctrlHolder.error input:focus{
		border-color:#bb0202;
		background-color:#feffbc;
		}

	.uniForm .errorField{
      	color:#bb0202;
      	margin:0 0 0 30% !important; padding:4px;
		font-size:1em !important;
    	}

.clear {
	clear:both;
	height:0px;
	font-size:0px;
	border:none;
	margin:0; 
	padding:0;
	line-height:0;
	background:transparent;	
	}