@charset "UTF-8";
/* CSS Document */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac   */ 
* html .clearfix {
	height: 1%;
}

.clearfix  { 
	display: block; 
 } 
 
.clear {
	clear: both;
}	 
 
/* End hide from IE-mac */ 

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; display: inline; margin: 0; padding: 0; }

/* Things I want to appear with styles off, but disappear when styles
are on, are often wrapped in a div or span with this "hidden" class to 
hide them. */
.hidden { display: none; }

/* this is a fix for IE/Mac, to keep the nav items from breaking. I think */
#header li {
	/*\*/overflow: hidden;/**/
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
} 

#wrapper {
	width: 900px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
}

#header {
width: 900px;
height: 141px;
background:url(../images/header_banner.jpg);
}

#logo {
	position:relative;
	top:10px;
	left:10px;
}

.body_content { 
	width: 900px;  
	border: 0px solid #ff0000; 	
	background: #fff url(../images/column_cheat.gif) repeat;	
 }  
 
#content {
	width: 590px;
	float: left;
	padding: 20px 5px 10px 0;
}

#highlight {
	width: 290px;
	float: right;
	background-color: #f4ebd4;
	padding: 20px 5px 10px 10px;
}

#highlight p {
	margin: 0 5px 10px 0px;
	color: #ad8a5c;	
}

#highlight h3 {
	margin: 0 5px 5px 0px;
}

a:link, #highlight a:hover {
	color: #697812;
}

a:visited {
	color: #46546f;
}	
	
#footer {
	clear: both;
}
			
/* Basic Styling
=======================*/

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color: #fff;
  text-align: center;
}

/* mainNav
=======================*/

#header ul {
	margin: 0;
	padding: 0;
	float: right;
	width: 630px;
	background: #46546f url(../images/mainNavBg.gif) repeat-x;
	list-style: none;
	text-transform: uppercase;
	position: absolute;
	top: 120px;
}

#header ul li {
  float: left;
}

#header ul a {
  padding: 0 2em;
  line-height: 2.1em;
  background: url(../images/mainNavBorder.gif) repeat-y left top;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}

#header ul a:hover {
  color: #333;
}

#header ul .first a {
  background: none;
}

/* =========== Styling Headers and Paragraphs ========= */
h1, h2, h3, h4, h5, h6 {
 	font-weight: bold;
	color: #aa242a; 
	margin: 0;
}

h3 {
	font-size: 1.333em;
	letter-spacing: 1px;
	margin: 0 5px 5px 0px;
}

p { margin: 0 5px 20px 0px; }
	
/* easy drop shadow
================================== */

.img-wrapper {
 background:url(../images/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(../images/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(../images/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	display: block;
	vertical-align: top;
}

.left {
	float: left;
	margin: 0;
	padding: 0;
}

/* css button
================================== */

.small_boxes a:link, .small_boxes a[href^="http:"], .small_boxes a:visited, .small_boxes a[rel~="request screening"] {
  display: block;
  width: 7.4em;  /* dimensions needed for IE5.x/Win */
  padding: 0.2em;
  line-height: 1.4;
  background-color: #94B8E9;
  border: 1px solid black;
  color: #000;
  text-decoration: none;
  text-align: center;
  float: left;
  margin-right: 25px;
}

.small_boxes a:hover {
 background-color: #369;
 color: #fff;
}

.box {
	margin: 0;
	padding-bottom: 5px;
}

.box p {
	margin: 0 5px 15px 150px;
}

.box h3 {
	margin: 0 5px 5px 150px;
}

.poster_info {
	padding: 5px 5px 5px 0px;
	float: left;
	clear: left;
}		

.underline#double_content {
	width: 585px;
	height: 3px;
	padding: 10px 0 10px 0;
}	 

.underline#double_highlight {
	width: 275px;
	height: 3px;
	padding: 10px 0 10px 0;
}

.underline#double_page {
	width: 900px;
	height: 3px;
	padding: 0;
}

#italic  { 
	font-style: italic; 
 } 
 
#bold  { 
	font-weight: bold; 
 } 
 
.text_brown {
	color: #ad8a5c;
}

.text_blue {
	color: #006699;
}	
	
#news_date {
	position: relative;
	left: 20px;
	color: #ad8a5c;
}

#footer {
  background-color: #fff;
  padding: 1px 5px;
}

#footer p {
  font-size:0.8333em;
  line-height:1.8em;
}

#copyright {
	color: #999;
}	
		 
	 
/* =========== Styling Links ========== */
/* a:link,
a:visited {
	border-bottom: 1px dotted;
	color: #24396e;
	font-weight: bold;
	text-decoration: none;
}
a:visited { color: #4a6e24 }
a:hover,
a:focus,
a:active {
	border-bottom-style: solid;
	color: #D03900;
}
a:focus,
a:active {background:#ffc}
a.imglink:link,
a.imglink:visited {border:none}
a.imglink:hover {background:transparent} */
	
#big_product_price {
	font-family: georgia, times roman, serif;
	font-weight: bold;
	color: #674A3E;
	font-size: 1.5em;
	float: left;
}

#buy_now_img {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}

.buy_dvd#buy_now_img {
	margin: 0 150px 0 0;
}

.buy_dvd form {
	margin: 0 0 15px 150px;
	position: relative;
	width: 400px;
}

.buy_dvd p {
	margin: 15px 0 5px 150px;
	padding: 0;
	}

.buy_dvd #dvd_price {
	position: absolute;
	left: 150px;
} 

.paypal_img {
	position:absolute;
	left:270px;
	width:80px;
}