/*------------------------------------------------------------------
[Print Stylesheet]

Project:						Creative Therapy Store (CTS)
Primary use:					Web site - Screen
Lead Designer & CSS Author:		Gladys Diaz
Online Style Guide:				http://_root_url/StyleGuide
-------------------------------------------------------------------
[Table of Contents]

[1]	Body & Main Content Containers
[2] Columns
[3] Header
[4] Main Nav
[5] Page Header
[6] Footer
[7] Links and Buttons
[8] Text
[9] Error Pages
[10] Flash
[10] Boxes & Corners
[11] Tables
[12] Flash
[13] Forms
[14] Pager
[15] Floats, Dividers, Spacing, Print Class
[16] My Account, Cart, & Checkout
[17] Products
[18] Tabs
[19] Accordion
[20] Stars

/*------------------------------------------------------------------
[1] Body & Main Content Containers
*/
/* Overwrite all default browser settings */
* {padding: 0; margin: 0}
body 
{
	margin: 20px 0 0 0;
	padding: 0; 
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #552a00;
	background: #fff
}
#container /* contains body content */
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%
}
/*------------------------------------------------------------------
[2] Columns
*/
#mainCol /* For main content floated to the right of #leftCol */
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%
}
#leftCol
{
	display: none
}
/*------------------------------------------------------------------
[3] Header
*/
#header
{
	display: block;
	margin: 0 0 30px 0;
	border-bottom: solid 3px #D5B23D
}
	.ie #header
	{
		margin: 0 0 15px 0
	}
	#logo a, #logo a:active, #logo a:visited, #logo a:focus
	{
		display: block;	
		text-align: center;
		text-indent: 0;
		color: #8E4701;
		background: none
	}
	#logo h1
	{
		padding-bottom: 15px;
		color: #8E4701
	}
#accountNav, #search
{
	display: none
}
/*------------------------------------------------------------------
[4] Main Nav
*/
#mainNav
{
	display: none
}
/*------------------------------------------------------------------
[5] Page Header
*/
#pageHeaderContainer
{
	margin: 30px 0 0 0;
	background: none
}
	.ie6 #pageHeaderContainer
	{
		margin: 0
	}
#pageHeader
{
	background: none
}
	#pageHeader h1
	{		
		margin: 0;
		color: #397b00;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 2em
	}
/* Breadcrumb */
#breadcrumbContainer
{
	display: none
}
/*------------------------------------------------------------------
[6] Footer
*/
#footer
{
	margin: 0;
	padding: 20px 0 0 0;
	font-size: .85em;
	color: #8E4701;
	line-height: 1.6em;	
	text-align: center;
	border-top: dashed 1px #D5B23D;
	background: none
}
	.ie6 #footer
	{
		margin: 0
	}
	#footer a, #footer a:active, #footer a:visited
	{
		display: none
	}
#copyright, #copyright div
{	
	text-align: center;
	color: #8E4701
}
#forPrintFooter
{
	margin: 20px 0;
	padding-top: 5px;
	border-top: solid 3px #D5B23D
}
/*------------------------------------------------------------------
[7] Links and Buttons
*/
a, a:active, a:visited
{
	color: #0172b3;
	text-decoration: none
}
.btnForm, .btnForm:active, .btnForm:visited 
{
	padding: 5px 10px;
	color: #397B00;
	font-weight: bold;
	border: none;
	background: #C7EF74;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 
}
a.lnkArrowLeft, a.lnkArrowLeft:active, a.lnkArrowLeft:visited, a.lnkArrowLeft:focus,
a.lnkArrowRight, a.lnkArrowRight:active, a.lnkArrowRight:visited, a.lnkArrowRight:focus
{
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: none
}
a.lnkPDF, a.lnkPDF:active, a.lnkPDF:visited
{
	display: block;
	padding: 0 0 5px 0
}
/*------------------------------------------------------------------
[8] Text
*/
.sIFR-flash
{
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden
 } 
.sIFR-alternate
{
    visibility: visible !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important
}
h1
{
    margin: 0;
	color: #397b00;
	font: bold 2.2em Arial, Helvetica, sans-serif
}
h2
{
    margin: 0;
	color: #397b00;
	font: bold 1.8em Arial, Helvetica, sans-serif
}
h3
{       
	margin: 0;
	color: #397b00;
	font: bold 1.6em Arial, Helvetica, sans-serif
}
h4
{
	margin: 10px 0 3px 0;
	color: #8E4701;
	font: bold 1.3em Arial, Helvetica, sans-serif
}
h5
{
    margin: 0 0 3px 0;
	color: #397b00;
    font: bold 1.2em Arial, Helvetica, sans-serif
}
h6
{
    margin: 0 0 3px 0;
	color: #8E4701;
    font: bold 1.1em Arial, Helvetica, sans-serif
}
ul, ul ul 
{
    margin: 5px 0 5px 10px
}
ol
{
	margin: 0 60px 20px 10px;
	list-style: decimal
}
	ul li, ol li
	{
	    margin: 0 0 10px 30px;
		list-style-position: outside;		
		line-height: 1.4em
	}
ol.alpha
{
	margin: 0 60px 20px 10px;
	list-style-type: upper-alpha
}
p
{
    margin: 0 0 20px 0;
	line-height: 1.4em
}
blockquote { margin: 5px 20px 20px 20px }
code { font-size: 1.2em; color: #999 }
.bold { font-weight: bold }
.italic { font-style: italic }
.center { text-align: center }
small { font-size: .85em }
.txtBrown { color: #8E4701 }
div.txtBrown { margin-bottom: 5px; color: #8E4701 }
.txtOrange { color: #8E4701 }
/*------------------------------------------------------------------
[9] Error Pages
*/
.iconWarning
{
	padding: 0 0 20px 80px;
	background: none
}
/* Blue Box */
.boxBlue
{
	margin: 30px auto;
	padding: 40px;
	border: none;
	text-align: left;
	background: none
}
/*------------------------------------------------------------------
[10] Flash
*/
#flashFeatProdHome, #flashFeatProd, #flashVideoPlayer
{
	display: none
}
.flashFeatProd, .flashFeatProdHome
{
	height: 0
}
/*------------------------------------------------------------------
[11] Boxes & Corners
*/
/* Yellow Box Grain */
.boxYellowContent
{
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
.boxYellowT, .boxYellowB, .boxRoughT, .boxRoughB,.boxDarkRoughT, .boxDarkRoughB
{
	display: none
}
.boxRough, .boxDarkRough
{
	display: block;
	clear: both;
	background: none
}
.boxRoughR, .boxDarkRoughR
{
	padding:0;
	background: none
}
/* Brown Header 
.headerBrownContainer
{
	position: relative;
	top: 0;
	margin: 30px 0
}*/
.headerBrownContainer, .headerBrownM, .headerBrownL, .headerBrownR
{
	display: none
}
.forPrint .headerReview /* Product Detail Reviews header */
{
	margin: 20px 0;
	color: #397b00;
	font: bold 1.8em Arial, Helvetica, sans-serif
}
/*
.headerBrownM
{
	display: block;
	margin: 0;
	padding: 0;
	color: #8E4701;
	font-family: Arial, Helvetica, sans-serif;
	background: none
}*/
/* Blue Box */
.boxBlue
{
	margin: 30px auto;
	padding: 40px;
	border: solid 1px #6BC5E8;
	text-align: left;
	background: #BAE5F6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
/*------------------------------------------------------------------
[12] Tables
*/
table
{
    width: 100%
}
th
{
    padding: 10px;
    color: #8E4701;
	font: bold 1.2em Arial, Helvetica, sans-serif;
    text-align: left;
	vertical-align: top;
	background: #FDFAC3;
	border-bottom: solid 1px #F0D757
}
td
{
    vertical-align: top
}
table.pad td
{
    padding: 10px;
    vertical-align: top
}
table.border td
{
	border-bottom: dashed 1px #F0D757
}
/*------------------------------------------------------------------
[13] Forms
*/
.formContainer label
{    
    display: inline;
    float: left;
    text-align: right;
	width: 220px;
	margin: 3px 0 5px 0;
	padding-right: 10px;
	color: #8E4701;
	font-weight: bold	
}
.formContainer2Col label
{    
    display: block;
	color: #8E4701;
	font-weight: bold	
}
.formContainer input, .formContainer select, .formContainer2Col input, .formContainer2Col select
{
    display: inline;
	margin: 0 0 10px 0
}
.txtBox, .txtBoxSmall, .txtBoxMed, .txtBoxBig, .formContainer select, .formContainer2Col select
{
	padding: 3px 2px;
	border: solid 1px #f1da5c
}
	.txtBoxSmall
	{
		width: 60px
	}
	.txtBoxMed
	{
		width: 170px
	}
	.txtBoxBig
	{
		width: 250px
	}
.formContainer br
{
    clear: both
}
label.checkBoxLabel
{
	display: inline;
	margin-bottom: 10px;
	padding-left: 5px;
	color: #8E4701;
	font-weight: bold
}
.radioList input
{
	margin: 0 2px 3px 0;
	padding: 0
}
	.ie .radioList input
	{
		margin: -3px 2px 3px 0;
		padding: 0
	}
.radioList label
{
	display: block;
	text-align: left;
	margin-bottom: 0;
	padding: 0;
	color: #8E4701;
	font-weight: normal
}
.error
{
	color: #FF0000;
	font-weight: bold
}
div.error
{
	margin-left: 230px;
	color: #FF0000;
	font-weight: bold
}
.formContainer2Col div.error
{
	margin: 0 0 10px 0;
	color: #FF0000;
	font-weight: bold
}
small.formNote
{
	margin-left: 230px
}
.formContainer2Col small.formNote
{
	margin-left: 0
}
/*------------------------------------------------------------------
[14] Pager
*/
.pager
{
	display: none
}
/*------------------------------------------------------------------
[15] Floats, Dividers, Spacing, Print Class
*/
.clearFloat
{ 
	clear: both;
    height: 0;
    font-size: 0;
    line-height: 0
}
hr
{
	display: block;
	clear: both;
	margin: 10px 0;
	height: 1px;
	font-size: 0;
	line-height: 0;
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-top: dashed 1px #D5B23D
}
.pad30 { padding: 20px 30px 20px 30px }
.pad20 { padding: 0 20px }
.pad10 { padding: 0 10px }
.printNone { display: none }
.forPrint 
{
	display: block
}
/*------------------------------------------------------------------
[16] My Account, Cart, & Checkout
*/
.orderTotal
{
	width: 100%;
	margin-bottom: 40px;
	border-top: solid 5px #F0D757
}
	.orderTotal td.header
	{
		padding: 8px 10px 0 12px;
		font-size: 1.1em;
		text-align: right
	}
	.orderTotal td
	{
		padding: 8px 0 0 30px;
		font-size: 1.1em;
		line-height: 1.4em;
		text-align: left
	}
/* Checkout */
.checkoutStepContainer
{
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	background: none
}
.checkoutStep, .checkoutStep h3, .checkoutStep .square
{
	display: none
}
.checkoutStepSelected h3
{
	display: block;
	margin: 0;
	color: #397b00
}
.checkoutStepSelected
{
	display: block;
	color: #397b00
}
.checkoutStepSelected .square
{
	display: inline;
	float: left;
	margin-right: 10px;
	padding: 0;		
	color: #397b00;
	font: bold 1.4em Arial, Helvetica, sans-serif
}
/*------------------------------------------------------------------
[17] Products
*/
#prodTitle h4
{
	margin: 0 0 5px 0
}
#prodTitle h5 
{
	margin: 0
}
#prodImgContainer
{	
	width: 200px;
	text-align: center
}
	#prodImgContainer #prodImg
	{		
		display: table-cell;
		width: 200px;
		height: 200px;
		vertical-align: middle;
		border: solid 1px #f5e26b
	}
	#prodImgContainer  br
	{
		clear: both
	}
	#prodImgContainer a.lnkViewLarger, #prodImgContainer a.lnkViewLarger:active, #prodImgContainer a.lnkViewLarger:visited
	{
		display: none
	}
#prodInfo
{
	margin: 0 9px 20px 14px;
	width: 145px;
	height: 200px
}
	.ie #prodInfo
	{
		margin: 0 0 20px 14px;
		width: 120px
	}
	#prodInfo #ageRange
	{
		display: block;
		color: #8e4701;
		font-size: .85em;
		font-weight: bold
	}
	#prodInfo br
	{
		clear: both
	}
#share
{
	display: none
}
#prodPricing
{
	width: 310px;
	height: expression( this.scrollHeight < 221 ? "220px" : "auto" ); /* sets min-height for IE */
	min-height: 220px; /* sets min-height value for all standards-compliant browsers */

}
	.ie #prodPricing
	{
		width: 280px
	}
	#prodPricing h4
	{
		margin: 0;
		padding: 3px 0 2px 5px;
		text-transform: uppercase;
		background: #f1da5c
	}
	#prodPricing table
	{
		margin-bottom: 5px;
		border-collapse: collapse
	}
	#prodPricing table th
	{
		padding: 0 0 3px 5px;
		color: #397b00;
		background: #f1da5c
	}
	#prodPricing table tr.dark
	{
		background: #fbf087
	}
	#prodPricing table td
	{
		font-size: 1em;
		padding: 2px 0 2px 5px;
		vertical-align: middle
	}	
	#prodPricing table input
	{
		width: 20px;
		margin-left: 5px;
		padding: 0 2px;
		border: solid 1px #f1da5c
	}
	#prodPricing p
	{
		display: inline;
		margin: 0
	}
	.iconChoke /* small icon */
	{
		margin-left: 5px
	}
#chokeWarning /* big icon */
{	
	font-size: .8em;
	color: #8e4701
}
.imgDownloadItem
{
	float: left;
	margin: 0 15px 40px 15px
}
	.imgDownloadItem .imgDownloadContainer
	{
		text-align: center;
		vertical-align: middle;
		margin-bottom: 5px;
		width: 80px
	}
/* .hList for Product listing (uses bigTarget.js), .videoList for Product Detail */
.hList, .videoList
{
	margin: 0;
	padding: 0;
	list-style-type: none
}
	.hList li, .videoList li
	{ 
		display: block;
		margin: 0;
		padding: 10px;
		border-bottom: dashed 1px #D5B23D
	}
		.ie .hList li, .ie .videoList li
		{
			padding: 10px 10px 5px 10px;
		}
.hList li p, .videoList li p
{
	margin: 0
}
.hList .imgContainer, .videoList .imgContainer
{
	padding: 0 10px 0 0;
	width: 113px;
	text-align: center
}
	.videoList .iconPlay
	{
		z-index: 2;
		position: absolute;
		margin: 20px 0 0 40px;
		width: 37px;
		height: 50px;
		cursor: pointer;
		background: url(../images/_layout/iconPlay.png) no-repeat 0 0
	}
	.hList .imgContainer a
	{
		color: #fff
	}
.hList h6 a, .hList h6 a:active, .hList h6 a:visited,
.videoList h6 a, .videoList h6 a:active, .videoList h6 a:visited
{
	color: #8E4701
}
.hList .prodListTxt, .videoList .prodListTxt
{
	width: 560px
}
/*------------------------------------------------------------------
[18] Tabs
*/
/* show all panes */ 
div.panes div.pane
{
	display: block	
}
/* root element for tabs  */
ul.tabs 
{ 	 
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none
}
	.ie7 ul.tabs 
	{ 	 
		margin: 0 0 30px 0
	}
ul.tabs li /* single tab */
{ 	
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
	text-indent: 0
}
.tabEnd /* right corner */
{
	display: none !important
}
ul.tabs a, ul.tabs a:active, ul.tabs a:visited
{
	display: none
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a,
ul.tabs a.current:active, ul.tabs a.current:visited, ul.tabs a.current:focus
{	
	display: block;
	padding: 0;
	color: #397b00 !important;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	background: none !important
}
#iconGames, #iconBooks
{
	padding: 0;	
	background: none !important
}
/*------------------------------------------------------------------
[19] Accordion
*/
#accordion  h3
{
	margin: 0 0 20px 0
}
#accordion h4 /* accordion header */
{
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/_layout/lnkArrow.gif) no-repeat left 3px
}
#accordion div.pane /* accordion pane */
{
	display: block !important;
	padding: 0 0 10px 35px;
}
/*------------------------------------------------------------------
[20] Stars
*/
#stars
{
	
}
.star
{
	display: inline
}