/*[variables]
Author: Kim Frost Designed for aVinci Media 2008
*/


/****************************
 **   Contents
 ****************************
 
	* General
	* Layout		(Top-level page element styles)
		- Header
		- Menu
		- Container Table
		- Content
		- Footer
	* Content	(Formatting of items in main content area)
		- General
		- Buttons
		- Javascript Preview Navigation
		- Support
		- Contact Form
	* Footer		(Formatting of items in footer)
	
	
	
	
	
	
	
/****************************
 **   General
 ****************************/
 
body
{
	margin: 0;
	padding: 0;
	background: #f2f2f2 url(../images/red_background.jpg) repeat-x;
	font-family: helvetica, arial, clean, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.385em;
	color: #000;
}



/****************************
 **   Layout
 ****************************/

/* Header */

#header
{
	height: 80px;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
#logo
{
	width:136px;
	float: left;
	height: 47px;
	margin-top: 30px;
	background: url(../images/espn_logo.png) no-repeat;
}
#logo a
{
	width:136px;
	height:47px;
	position:absolute;
}
.smallcaps
{
	font-size: 11px;
}
#download_button a
{
	background-image: url(../images/btn_blue.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	float: right;
	text-decoration: none;
	height: 45px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 10px;
	width: 219px;
}
#download_button a:hover
{
	background-image: url(../images/btn_orange.gif);
	color: white;
}
#download_button a .smallcaps
{
	color: white;
	text-decoration: none;
}

/* Menu */

#menu
{
	float: left;
	position: inherit;
	height: 54px;
	background:url(../images/menu.jpg) no-repeat;
	width:550px;
	height:33px;
	margin:50px 0 0 10px;
	
}
#menu ul
{
	padding: 5px 0;
	list-style: none;
	line-height: normal;
	margin:0 auto;
	
}
#menu li
{
	display: inline;
}
#menu a
{
	height: 24px;
	float: left;
	padding:0 10px 0;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	background:transparent url(../images/divider.png) no-repeat scroll 100% 4px;
}

#menu a:hover
{
	text-decoration:underline;
}
#menu li.last a
{
	background: transparent none repeat scroll 0 0;
}
#supportLink {
  margin-top: 54px;
  margin-right: 30px;
  float: right;
	height: 24px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
}
#supportLink a {
	height: 24px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
	color: #fff;
}
#supportLink a:hover {
	text-decoration:underline;
}


/* Content */

#page
{
	width: 980px;
	margin: 0px auto;
}

#content
{
	width: 980px;
	height: auto;
	margin: 0px;
	padding: 2px;
	background-color: none;
	float: left;
}

#body
{
	width:700px;
	float:left;
}

#sidebar
{
	width:230px;
	float:left;
	padding-left:10px;
}

/* Footer */

#footer
{
	clear: both;
	padding: 10px;
	text-align: left;
	font-size: small;
	height: 55px;
	margin: 0 auto;
}

/****************************
 **   Content
 ****************************/

/* General */
h1 .sub {
	font-family: helvetica, arial, clean, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.385em;
	color: #000;}
h1
{
	font-weight: bold;
	color: #780100;
	font-size: xx-large;
	padding-left: 10px;
	text-align: left;
	padding-top: 10px;
	line-height: 1em;
}
h2
{
	font-weight: normal;
	color: #666666;
	font-size: 18px;
	padding-left: 10px;
	text-align: left;
	margin: 11px 0 10px 0px;
}
h3
{
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	letter-spacing:0.3px;
	line-height:25px;
	margin:0;
	padding:0 0 0 10px;
	text-transform:uppercase;
	color: #333;
}

h4
{
	color:#770000;
	font-family:helvetica,arial,sans-serif;
	font-size:16px;
	letter-spacing:0.3px;
	line-height:20px;
	margin:0;
	padding:0 0 0 10px;
}

p, ol
{
	margin-top: 0;
	line-height: 150%;
	padding: 0 10px;
	text-align: left;
	font-weight: normal;
}


ul{
	margin:0 0 10px 0;
	text-align: left;
	font-weight: normal;
	padding-left:20px;
}

li
{
	line-height: 110%;
	padding:5px 0;
	list-style-type:bullets;
}

a
{
	color: #225DB7;
	text-decoration: none;
}

a :hover
{
	color: #225DB7;
	text-decoration: underline;
}

a img
{
	border: none;
}
img .left
{
	float: left;
	margin: 0 15px 0 0;
}
img .right
{
	float: right;
	margin: 0 0 0 15px;
}

.strike{text-decoration:line-through;}
table.pricing td
{
	border: 1px solid #CCC;
	border-collapse: collapse;
}
table.pricing
{
	border: none;
	border: 1px solid #CCC;
	margin-left: 10px;
	font-weight: normal;
}
table.pricing th
{
	background: #FAFAFB;
	border-top: 1px solid #CCC;
	text-align: left;
	font-weight: normal;
	color: #333333;
	padding: 5px 10px;
	border-left: 1px solid #CCC;
	font-weight:bold;
}
table.pricing tr td
{
	padding: 5px 10px;
}

.bold
{
	font-weight: bold;
	color: #333;
}
.pointer img{cursor: pointer;}
.scrunch li{margin:0px;padding:3px;line-height:12px;}
#homeNew {position:relative;background-image:url('/images/home-back.jpg');background-repeat:no-repeat;width:700px;height:392px;}
#headline_wrap {
	width:700px;
	float:left;
	/*position:relative;*/
}
#sidebar.home p {
  line-height: 1.15em;
}
#sidebar.dvd h1, #sidebar.photobook h1, #sidebar.poster h1 {
  font-size: 13px;
  margin: 0 0 3px 0;
  padding: 0;
}
#sidebar.dvd .content, #sidebar.photobook .content, #sidebar.poster .content {
  padding-left: 10px;
  padding-right: 6px;
}
#sidebar.dvd ul, #sidebar.photobook ul, #sidebar.poster ul {
  font-size: 11px;
}
#sidebar.dvd li, #sidebar.photobook li, #sidebar.poster li {
  margin: 0;
  padding: 0;
}
#videoWrap{position:absolute;top:48px;left:50px;}
#flash_samples{position:relative;}
#headline {
	height:345px;
	margin-left:500px;
	margin-top:30px;
	position:absolute;
	width:200px;
	z-index:100;
}

#headline h2, #poster h2{
	color:#FFFFFF;
	font-family:"Eurostile", arial,sans-serif;
	font-size:45px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	letter-spacing:0.02em;
	line-height:45px;
	text-align:center;
	/*text-transform:uppercase;*/
}

#headline p, #poster p{
	color:#FFFFFF;
	font-family:"Eurostile", arial,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:0.02em;
	line-height:26px;
	text-align:center;
}

#poster {
	margin-top:70px;
	margin-left: 300px;
	width:385px;
	height:345px;
	text-align:center;
}

#poster p {

	color:#000;
}
#downloadBtnHome{position:absolute;bottom:70px;right:50px;}
#poster h2 {

	color:#770000;
}

#ReturnToMain a
{
	background-color: #E0E1CF;
	width: 223px;
	clear: both;
	padding: 5px;
}
#support h2
{
	background-color: #D8E6E7;
	padding: 5px 0 5px 10px;
}
.body-text a
{
	color: #F07B05;
	text-decoration: none;
}
.body-text a:hover
{
	text-decoration: underline;
	color: #F07B05;
}

.quoteTop
{
	font-style: italic;
	color: #666666;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-color: #899639;
	line-height: 17px;
	border-top-style: dashed;
	border-top-width: 1px;
	padding: 20px 0;
}
.quote
{
	font-style: italic;
	color: #666666;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-color: #899639;
	line-height: 17px;
	padding:20px 15px 15px 30px;
	background:url(../images/quote.jpg) no-repeat top left;
}
.discountedPrice
{
	color: #CC0000;
	font-weight: bold;
}


#product_dvd #content
{
	padding: 20px 0;
}

#ReturnToMain a:hover
{
	background-color: #F07A04;
	color: white;
}


#offer
{
	color: #457E81;
	margin: 14px 10px 10px;
	font-size: 14px;
	width: 280px;
	background-color: #FDEED9;
	padding: 5px;
	border: 1px solid #F1C396;
	text-align: center;
}
#download_text
{
	margin-top: 10px;
	font-size: 12px;
}
.titleTxtSm
{
	font-size: 14px;
}
.xsmall_text {font-size: 9px}

.titleTxtSm:hover
{
	color: white;
}

.promo {
	background-color:#F5F0BA;
	height:47px;
	margin-bottom:10px;
	padding:5px;
  font-size: 12px;
  line-height: 15px;
}
.promo p{line-height:13px;}
.black_container {
	background-image:url(../images/ad_back.jpg);
	background-color:#000000;
	float:left;
	color:#fff;
	width:100%;
}

.black_container img {
	float:left;
	margin:5px;
	
}

.black_container a {
	color:#669DD6;
}

.black_container ul li{
	list-style-type:none;
}

.black_container a:hover {
	text-style:underline;
}

#preview
{
	width: 980px;
}
#preview .title
{
	height: 60px;
}
#preview .title H1, .preview .title
{
	height: 35px;
	margin: 0;
	padding: 10px 0 0 10px;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
}

#PreviewThemes
{
	background-image: url(../images/header_grn.gif);
	background-repeat: repeat-x;
	width: 686px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	text-align: left;
	margin-bottom: 8px;
	height: 34px;
	padding-left: 10px;
}

/* Javascript Preview Navigation */


#nav_container
{
	background-color:white;
	float:left;
	height:175px;
	margin:10px 0;
	width:700px;
}


#toolbarwrap
{
	width: 75px;
	height: 8px;
	margin: 0px auto;
	padding: 0px 0px 0 0;
}
ul.navigation
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.navigation li
{
	float: left;
	padding: 0 0 0 10px;
}
ul.navigation li a
{
	float: left;
	line-height: 15px;
	color: #707070;
	text-decoration: none;
}
ul.navigation li a:hover
{
	text-decoration: none;
	color: #BCBCBC;
}
/*ul.navigation li.active, ul.navigation li.active a
{
	color: #707070;
}*/
ul.navigation li.active a
{
	background: url(../images/dot_active.gif) no-repeat;
	width: 7px;
	height: 7px;
}

ul.navigation li.inactive a
{
	background: url(../images/dot_inactive.gif) no-repeat;
	width: 7px;
	height: 7px;
}
ul.navigation li.inactive, ul.navigation li.inactive a
{
	text-decoration: none;
	/*color: #BCBCBC;*/
}
#frame
{
	overflow: hidden;
	margin: 10px auto 0;
	width: 562px;
}
#scroller
{
	width: 600px;
	margin: 0 auto;
	overflow: hidden;
}
#NavContent
{
	width: 6800px;
}
.section
{
	width: 647px;
	float: left;
	padding: 5px;
	text-align: center;
	color: #333;
	height: 105px;
}
.section img {margin:0px 1px 0px 1px;}
#scroller IMG, #thumbContainter DIV
{
	float: left;
}
#leftBTN
{
	margin: 40px 2px 2px 6px;
	float: left;
}
#rightBTN
{
	margin: 40px 10px 0px 12px;
	float: right;
}
/*//unique scroller dimensions on learn_more.php*/
#learnMore #frame
{
	overflow: hidden;
	margin: 10px auto 0;
	width: 600px;
}
#learnMore   #toolbarwrap
{
	width: 220px;
	height: 8px;
	margin: 15px auto 0px;
	padding: 0px 0px 0 0;
}
#learnMore   ul.navigation li.active a
{
	background: url(../images/dot_active_brn.gif) no-repeat;
	width: 7px;
	height: 7px;
}
#learnMore ul.navigation li.inactive a
{
	background: url(../images/dot_inactive_brn.gif) no-repeat;
	width: 7px;
	height: 7px;
}/*buttons for learn_more.php*/
#leftBTNL, #rightBTNL
{
	margin-top: 165px;
}
#leftBTNL
{
	float: left;
	margin-left: 10px;
}
#rightBTNL
{
	float: right;
	margin-left: 0px;
	margin-right: 10px;
}
.leftBTNL
{
	margin: 150px 13px 20px 90px;
}
.ie .leftBTNL
{
	margin: 150px 13px 0 40px;
}
/*buttons for poster preview*/
#posters #frame
{
	overflow: hidden;
	margin: 10px auto 0;
	width: 550px;
}
#posters UL.navigation LI.active A
{
	background: url(../images/dot_active_brn.gif) no-repeat;
	width: 7px;
	height: 7px;
}
#posters UL.navigation LI.inactive A
{
	background: url(../images/dot_inactive_brn.gif) no-repeat;
	width: 7px;
	height: 7px;
}
#leftBTNP, #rightBTNP
{
	margin-top: 170px;
}
#leftBTNP
{
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}
#rightBTNP
{
	float: right;
	margin-right: 20px;
	margin-left: 0px;
}
.leftBTNP
{
	margin: 150px 10px 20px 90px;
}

#book {
	background:url(../images/book-back.jpg) no-repeat;
	width: 700px;
	height: 330px;
	padding: 60px 0 0 20px;
}

/* Support */

#support p
{
	padding: 0 10px;
}

#support a
{
	color: #333333;
}
#support a:hover
{
	color: #333333;
	text-decoration: underline;
}

/*Contact Form*/
#contactform
{
	margin: 0px 0px 20px 10px;
	text-align: left;
}
#contactform #SubmitBtn
{
	margin: -7px 0 0;
}
#email_form
{
	height: 400px;
}
#email_form ul
{
	margin-left: 40px;
}
#support
{
	font-size: 14px;
}
#support
{
	background-color: #FFFFFF;
	width: 940px;
	padding: 20px;
}



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

#footer .links
{
	float: left;
	/*[empty]color:;*/
}

#footer .links a
{
	color: #5b7e98;
}
#footer .links a:hover
{
	text-decoration: underline;
}

/* support footer */

#supportFooter
{
	clear: both;
	padding: 10px;
	text-align: left;
	font-size: small;
	height: 45px;
	width: 960px;
	font-size: 13px;
}
#supportFooter .links
{
	float: left;
}

#supportFooter a:hover
{
	color: #333333;
	text-decoration: underline;
}
#supportFooter a
{
	color: #333333;
}

#avinci {
	width:121px;
	height:52px;
	float:right;
	background:url(../images/avinci_logo.png) no-repeat;
}