/*[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: #E7DC90 url(../images/back.gif);
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
}
h1
{
	font-weight: normal;
	color: #457E81;
	font-size: 21px;
	padding-left: 10px;
	text-align: left;
	padding-top: 10px;
}
h2
{
	font-weight: normal;
	color: #457E81;
	font-size: 18px;
	padding-left: 0px;
	text-align: left;
	margin: 11px 0 10px 0px;
}
h3
{
	font-weight: bold;
	margin-left: 10px;
}
p, ol, ul
{
	margin-top: 0;
	line-height: 150%;
	padding: 0 10px;
	text-align: left;
	font-weight: normal;
}

a
{
	color: #F07B05;
	text-decoration: none;
}

a :hover
{
	color: #F07B05;
	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;
}

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

/* Header */

#header
{
	height: 54px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border-bottom: 2px solid #F07B05;
	padding: 0;
	width: 980px;
}
#logo
{
	float: left;
	height: 54px;
}
.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;
}
#menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#menu li
{
	display: inline;
}
#menu a
{
	height: 24px;
	display: block;
	float: left;
	padding: 15px 20px 15px 19px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	color: #333;
}

#menu a:hover
{
	color: #FFFFFF;
	background-color: #F07B05;
	background-image: url(../images/btn_orange.gif);
	background-repeat: repeat-x;
}
#menu .current_page_item a
{
	background: #899639;
	color: #FFFFFF;
	background-image: url(../images/btn_green.gif);
	background-repeat: repeat-x;
	line-height: 21px;
}


/* Container Table - used to create a smooth shadow around content area*/

table.containerTable
{
	width: 980px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}
table.containerTable TR
{
	vertical-align: top;
}
table.containerTable>TD
{
	padding: 0px;
}
td.contentTopRightShadow
{
	width: 3px;
	background-image: url(../images/shade_right_tile.gif);
	background-repeat: repeat-y;
}
td.contentTopLeftShadow
{
	background-image: url(../images/shade_left_tile.gif);
	background-repeat: repeat-y;
	width: 3px;
}
td.contentBottomLeftShadow
{
	background-image: url(../images/shade_bottom_left.gif);
	background-repeat: no-repeat;
}
td.contentBottomRightShadow
{
	height: 12px;
	background-image: url(../images/shade_bottom_right.gif);
	background-repeat: no-repeat;
	width: 3px;
}
td.contentBottomShadow
{
	background-image: url(../images/shade_bottom_tile.gif);
	background-repeat: repeat-x;
	height: 12px;
	width: 10px;
}

/* Content */

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

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

/* Footer */

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

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

/* General */

.columns
{
	width: 970px;
	margin: 0px;
	height: auto;
	padding: 10px 0 0 10px;
}
.long-box, .short-box .preview-box
{
	float: left;
	overflow: hidden;
}
.long-box
{
	margin-right: 10px;
	width: 700px;
	float: left;
}
.short-box
{
	width: 310px;
	margin-right: 10px;
	float: left;
}
.short-box-bottom
{
	width: 313px;
	margin-right: 10px;
	float: left;
}
.title-link
{
	/*width: 311px;*/
	height: 34px;
	background-image: url(../images/bar_green.gif);
	/*margin-top: -10px;*/
}
/*.columns .short-box .title-link h2
{
	color: #FFFFFF;
}
.columns .short-box .title-link h2:hover
{
	color: #FFFFFF;
	text-decoration: none;
}*/
.title-link a
{
	background-image: url(../images/bar_green.gif);
	background-repeat: repeat-x;
	/*width: 300px;*/
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	padding-top: 7px;
}
.title-link a:hover
{
	color: #FFFFFF;
	background-image: url(../images/bar_orange.gif);
	background-repeat: repeat-x;
/*	width: 301px;*/
	height: 34px;
	cursor: pointer;
	/*padding-left: 10px;*/
}
.full-box
{
	width: 1000px;
	float: left;
}
.yellow-button h1:hover
{
	color: #FFFFFF;
	padding-top: 18px;
}
.slickshadow
{
	border-color: #F0ECD7 #E3E3E3 #E3E3E3 #F0ECD7;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
}
table.slickshadow>td
{
	padding: 0;
	margin: 0;
}
.third
{
	float: left;
	position: relative;
	margin-right: 15px;
	width: 318px;
}
.last
{
	margin-right: 0;
	margin-top: -40px;
}
.blank
{
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
}
ul.slicklist
{
	list-style-type: disc;
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
}

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;
}
table.pricing tr td
{
	padding: 5px 10px;
}

.bold
{
	font-weight: bold;
}
#row1
{
	float: left;
	height: 385px;
	clear: both;
	padding: 10px 10px 20px;
}
#tv
{
	float: left;
	height: 366px;
	width: 700px;
}
#photoDVDSalesPoints
{
	float: left;
	height: 380px;
	width: 236px;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
#photoDVDSalesPoints LI
{
	list-style-position: inside;
	list-style-type: disc;
}
#photoDVDSalesPoints UL
{
	margin: 0px 15px 0px 5px;
}
#row2
{
	float: left;
	height: 185px;
	width: 100%;
	clear: both;
	padding: 0px 10px 10px;
}

#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 0;
}
.discountedPrice
{
	color: #CC0000;
	font-weight: bold;
}


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

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

#row2 #promo1
{
	float: left;
	height: 175px;
}
.text_container P
{
	text-align: center;
}
.promo_blue
{
	background-color: #E6F1F2;
	border: thin solid #42797C;
}
#charactersLeft
{
	/*[disabled]background-color:#5BFF00;*/
	margin: 28px 0 10px;
}
#promo1
{
	height: 160px;
	width: 244px;
	margin-left: 12px;
	float: left;
}
.header_tourquoise
{
	background-image: url(../images/header_tourquoise.gif);
	height: 34px;
	color: #FFFFFF;
	line-height: 34px;
	font-size: 14px;
	padding-left: 10px;
	float: left;
	margin-bottom: 10px;
	position: relative;
	width: 235px;
}
DIV.text_container
{
	padding: 10px 0 0;
	text-align: center;
}
.salesPoints
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
}
.promo_text_lrg
{
	font-size: 18px;
	color: #42797C;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
}

#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;
}


/* Buttons */

.blue-button A
{
	background-image: url(../images/btn_blue.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	width: 301px;
	height: 57px;
	padding-left: 10px;
	font-size: large;
	line-height: 51px;
	margin-top: 14px;
}
.blue-button A:hover
{
	background-image: url(../images/btn_orange.gif);
	background-repeat: repeat-x;
	width: 301px;
	color: #FFFFFF;
	cursor: pointer;
}
.blue-button .small A
{
	background-image: url(../images/btn_blue.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	width: 100px;
	height: 25px;
	padding: 0px;
}
.blue-button .small A:hover
{
	background-image: url(../images/btn_orange.gif);
	background-repeat: repeat-x;
	width: 100px;
	color: #FFFFFF;
}
.yellow-button
{
	background-image: url(../images/btn_yellow.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	display: block;
	width: 311px;
	height: 54px;
	padding: 0px;
}
.yellow-button:hover
{
	background-image: url(../images/btn_orange.gif);
	background-repeat: repeat-x;
	width: 311px;
	color: #FFFFFF;
	cursor: pointer;
}
.yellow-button H1
{
	color: #497E82;
	padding-top: 18px;
	height: 36px;
}

#preview
{
	width: 980px;
	height: 393px;
	clear:both;
	overflow: hidden;
}

#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;
	width: 696px;
}


#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: 560px;
	margin: 0 auto;
	overflow: hidden;
}
#NavContent
{
	width: 6800px;
}
.section
{
	width: 647px;
	float: left;
	padding: 5px;
	text-align: center;
	color: #333;
	height: 105px;
}
#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: 680px;
}
#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;
}

/* 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;
}




.post
{
}
.meta
{
	margin: 0;
	padding: 10px 0 15px 20px;
	border-top: 1px solid #F3F3F3;
}
.meta a
{
	text-decoration: none;
}
.meta a:hover
{
	text-decoration: underline;
}
.meta .more
{
	padding-left: 12px;
	background: url(images/img09.gif) no-repeat left center;
}
.meta .comments
{
	padding-left: 15px;
	background: url(images/img10.gif) no-repeat left center;
}



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

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

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

/* support footer */

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

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